Тег <input> определяет поле HTML формы, куда пользователь может вводить данные.
Тег <input> используется внутри тега <form> для декларации элементов управления вводом, которые позволяют пользователям вводить какие-либо данные.
В зависимости от атрибута type элементы управления вводом могут быть разных типов.
Тег <input> не может содержать какой-либо контент, он может содержать только атрибуты.
Для определения метки для элемента <input> используется элемент <label>.
Разница между HTML 4.01 и HTML5
В HTML5 атрибут align не поддерживается.
В HTML5 у тега <input> появилось несколько новых атрибутов, а у атрибута type несколько новых значений.
Различия между HTML и XHTML
В HTML тег <input> - одиночный элемент без закрывающего тега. В XHTML тег <input> необходимо закрывать должным образом, а именно — <input />.
Атрибуты тега <input>
| Атрибут | Описание |
|---|---|
| accept | Определяет тип файлов, которые принимает сервер |
| align | Определяет горизонтальное выравнивание содержимого элемента input |
| alt | Определяет альтернативный текст, если элемент не удается отобразить |
| autocomplete | Включает/отключает автозаполнение элемента |
| autofocus | Автоматически передает фокус элементу input |
| checked | Включает/выключает элемент ввода |
| disabled | Отключает поле ввода |
| form | Определяет к какой форме относится элемент ввода |
| formaction | Определяет, куда будут отправлены данные формы |
| formenctype | Определяет способ кодировки отправляемых на сервер данных формы |
| formmethod | Определяет метод отправки на сервер данных формы |
| formnovalidate | Отключает встроенную проверку корректности введенных данных формы |
| formtarget | Определяет, куда загружать ответ сервера после отправки данных формы |
| height | Определяет высоту элемента ввода |
| list | Ссылается на элемент со списком предопределенных значений |
| max | Определяет максимально допустимое для ввода значение |
| maxlength | Определяет максимальное количество символов допустимое для ввода в текстовое поля |
| min | Определяет минимально допустимое для ввода значение |
| multiple | Позволяет в элемент <input> вводить больше одного значения |
| name | Определяет имя элемента ввода |
| pattern | Определяет регулярное выражение, по которому проверяются вводимые данные |
| placeholder | Определяет "заполнитель" для текстового поля |
| readonly | Определяет, что поле формы должно быть только для чтения |
| required | Определяет поле формы, как обязательное для заполнения |
| size | Определяет ширину в символах элемента ввода |
| src | Определяет URL изображения для элемента ввода |
| step | Определяет шаг изменения числа для элемента ввода |
| type | Определяет тип элемента ввода |
| value | Определяет значение для элемента ввода |
| width | Определяет ширину элемента ввода |
Общие атрибуты
Тег <input> поддерживает общие атрибуты и атрибуты-события.
HTML пример использования
HTML форма с тремя полями ввода данных — двумя текстовыми и одной кнопкой отправки данных:
<form action='demo_form.asp'>
Имя: <input type="text" name="fname"><br>
Фамилия: <input type="text" name="lname"><br>
<input type="submit" value="Отправить">
</form>
