Вы здесь

HTML тег input

Тег <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 Определяет горизонтальное выравнивание содержимого элемента
alt Определяет альтернативный текст, если элемент не удается отобразить
autocomplete Включает/отключает автозаполнение элемента
autofocus Автоматически передает фокус элементу
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="http://msiter.ru/demo_form.asp">
   Имя: <input type="text" name="fname"><br>
   Фамилия: <input type="text" name="lname"><br>
   <input type="submit" value="Отправить">
</form>