Минимальное и максимальное количество символов в поле ввода

Добавлено 05-01-2024 в 17:47

Категория Инструкции
Авторwaak
Просмотры27
Комментарии0
Понравилось0

Минимальное и максимальное количество символов в поле ввода

Здравствуйте! В этой статье мы узнаем, как указать минимальное и максимальное количество символов, разрешенных в поле ввода в HTML. Дано поле ввода, и задача состоит в том, чтобы установить минимальное / максимальное количество символов, разрешенных в поле ввода в HTML.

Чтобы установить максимальное ограничение на количество символов в поле ввода, мы используем input атрибут maxlength. Этот атрибут используется для указания максимального количества символов, вводимых в элемент input.

Чтобы установить минимальное ограничение на количество символов в поле ввода, мы используем input атрибут minlength. Этот атрибут используется для указания минимального количества символов, вводимых в элемент input .

Синтаксис

Код

Значение атрибута

number1: содержит единственное значение number, которое допускает максимальное количество символов в элементе input. Его значение по умолчанию - 524288.

number2: минимальное количество символов, требуемых в полях ввода.

Пример 1:

Установите ограничение на максимальное количество символов, разрешенных в полях ввода.

Код

<!DOCTYPE html>
<html>

<head>
  <style>
  body {
  text-align: center;
  }
  h1 {
  color: green;
  }
  </style>
</head>
<body>
  <h1>GeeksforGeeks</h1>
  <h3>
  How to specify the maximum number
  of characters <br>allowed in an
  input field in HTML?
  </h3>
  <form action="#">
  Username:
  <input type="text"
  name="username"
  maxlength="12">
  <br><br>
  Password:
  <input type="password"
  name="password"
  maxlength="10">
  <br><br>
  <input type="submit"
  value="Submit">
  </form>
</body>

</html>

Пример 2:

Установите ограничение на максимальное и минимальное количество символов, разрешенных в полях ввода.

Код

<!DOCTYPE html>
<html>
<head>
  <style>
  body {
  text-align: center;
  }
  h1 {
  color: green;
  }
  </style>
</head>
<body>
  <h1>
  GeeksforGeeks
  </h1>
  <h3>
  How to specify the maximum & minimum number
  of characters <br>allowed in an
  input field in HTML?
  </h3>
  <form action="#">
  Username:
  <input type="text"
  name="username"
  minlength="12"
  maxlength="20"><br><br>
  Password:
  <input type="password"
  name="password"
  minlength="10"
  maxlength="20">
  <br><br>
  <input type="submit" value="Submit">
  </form>
</body>

</html>

Оставить комментарий

Добавлять комментарии могут только зарегистрированные пользователи.

Регистрация Вход

Создать сайт
Бесплатно

Меню

Полезно

Комментарии

waak

К сожалению, у меня нет сайта, на котором был бы активен данный модуль, чтобы посмотреть, работает он там или нет.

04-03-2024 в 08:01 материал

Fr Frag

Для модуля новости не работает

03-03-2024 в 05:55 материал

web_master

при добавлении комментарии выдает ошибку в консоли:

POST http:сайт/index/ 404 (Not Found)

29-02-2024 в 16:58 материал

web_master

UPD: так будет работать , + в конце будут показывать и проценты...

Код

<?($OTHER2$-$OTHER1$)/$OTHER2$*100 ?>

А так будет без процентов:

Код

<?int(($OTHER2$-$OTHER1$)/$OTHER2$*100)?>

25-02-2024 в 23:06 материал

web_master

Скрипт не работает почему-то

25-02-2024 в 22:09 материал

waak

Не за что! Я бы делал больше но просьб мало а самому сидеть придумывать не всегда есть время по этому и обновления идут редко

07-02-2024 в 18:26 материал

ed edik2009

Спасибо.Поставил все работает. К сожалению эпоха сайтостроения Юкоз прошла. Ваш сайт один из немногих который, хоть что то обновляет материалы для в этой системы (Скрипты, Шаблоны, Графика и т.д)

07-02-2024 в 08:08 материал

waak

Здравствуйте! вы наверное не совсем понимаете смысл данного раздела, Что бы я мог выполнить вашу просьбу я должен понимать что именно вам нужно а в вашей просьбе нет конкретики и по этому выполнить её не получится

27-01-2024 в 15:12 материал

di dinyslamsinger

От души