Тег <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>