В HTML поле ввода может быть указано с помощью того, где пользователь может вводить данные. Тег <input> используется в элементе <form> для объявления элементов управления вводом, которые позволяют пользователям вводить данные. Поле ввода (<input>) может быть разных типов в зависимости от типа атрибута. Тег Input — это пустой элемент, который содержит только атрибуты. Для определения меток для элемента ввода можно использовать <label>.
Синтаксис:
<input ...атрибуты...>
Атрибуты элемента <input>
Тег input содержит множество атрибутов, перечисленных ниже.
| Атрибут | Значение | Ссылка |
|---|---|---|
HTML <input> атрибут acceptУказывает фильтр для типов файлов, которые пользователь может выбрать в диалоговом окне ввода файла (только для type="file"). |
file_extension audio/* video/* image/* тип носителя |
Посмотреть |
HTML <input> атрибут altУказывает альтернативный текст для изображений (только для type="image"). |
Текст | Посмотреть |
HTML <input> атрибут autocompleteУказывает, должно ли быть включено автозаполнение элемента <input>. |
on off |
Посмотреть |
HTML <input> атрибут autofocusУказывает, что элемент <input> должен автоматически получать фокус при загрузке страницы. |
autofocus | Посмотреть |
HTML <input> атрибут checkedУказывает, что элемент <input> должен быть предварительно выбран при загрузке страницы (для type="checkbox" или type="radio"). |
Посмотреть | |
HTML <input> атрибут dirnameЭто свойство используется для указания направления текста. |
inputname.dir | Посмотреть |
HTML <input> атрибут disabledУказывает, что элемент <input> должен быть отключен. |
disabled | Посмотреть |
HTML <input> атрибут formУказывает форму, к которой принадлежит элемент <input>. |
Id формы, к которой относится | Посмотреть |
HTML <input> атрибут formactionУказывает URL-адрес файла, который будет обрабатывать элемент управления вводом при отправке формы (для type="submit" и type="image"). |
URL | Посмотреть |
HTML <input> атрибут formenctypeУказывает, как данные формы должны быть закодированы при отправке на сервер (для type="submit" и type="image"). |
application/x-www-form-urlencoded multipart/form-data text/plain |
Посмотреть |
HTML <input> атрибут formmethodОпределяет метод HTTP для отправки данных на URL-адрес действия (для type="submit" и type="image"). |
get post |
Посмотреть |
HTML <input> атрибут formnovalidateОпределяет, что элементы формы не должны проверяться при отправке. |
formnovalidate | Посмотреть |
HTML <input> атрибут formtargetУказывает, где отображать ответ, полученный после отправки формы (для type="submit" и type="image"). |
_blank _self _parent _top название фрейма |
Посмотреть |
HTML <input> атрибут heightОпределяет высоту элемента <input> (только для type="image"). |
В пикселях | Посмотреть |
HTML <input> атрибут listОтносится к элементу <datalist>, который содержит предварительно определенные параметры для элемента <input>. |
Id элемента datalist, к которому относится | Посмотреть |
HTML <input> атрибут maxЗадает максимальное значение для элемента <input>. |
Число | Посмотреть |
HTML <input> атрибут maxlengthУказывает максимальное количество символов, разрешенных в элементе <input>. |
Число | Посмотреть |
HTML <input> атрибут minЗадает минимальное значение для элемента <input>. |
Число | Посмотреть |
HTML <input> атрибут minlengthУказывает минимальное количество символов, необходимых в элементе <input>. |
Число | Посмотреть |
HTML <input> атрибут multipleУказывает, что пользователь может ввести более одного значения в элемент <input>. |
multiple | Посмотреть |
HTML <input> атрибут nameУказывает имя элемента <input>. |
Название | Посмотреть |
HTML <input> атрибут patternЗадает регулярное выражение, по которому проверяется значение элемента <input>. |
Regexp | Посмотреть |
HTML <input> атрибут placeholderЗадает короткую подсказку, описывающую ожидаемое значение элемента <input>. |
Текст | Посмотреть |
HTML <input> атрибут readonlyУказывает, что поле ввода доступно только для чтения. |
readonly | Посмотреть |
HTML <input> атрибут requiredУказывает, что поле ввода должно быть заполнено перед отправкой формы. |
required | Посмотреть |
HTML <input> атрибут sizeОпределяет ширину в символах элемента <input>. |
Число | Посмотреть |
HTML <input> атрибут srcУказывает URL-адрес изображения для использования в качестве кнопки отправки (только для type="image"). |
URL | Посмотреть |
HTML <input> атрибут stepЗадает интервал между допустимыми числами в поле ввода. |
Число | Посмотреть |
HTML <input> атрибут typeУказывает тип элемента <input> для отображения. |
button checkbox color date datetime-local file hidden image month number password radio range reset search submit tel text time url week |
Посмотреть |
HTML <input> атрибут valueЗадает значение элемента <input>. |
Текст | Посмотреть |
HTML <input> атрибут widthОпределяет ширину элемента <input> (только для type="image"). |
В пикселях | Посмотреть |