HTML тег input— это тег применяется в формах для получения информации от пользователя. Такие поля ввода значительно могут отличаться между собой в зависимости от атрибута type — могут быть text, checkbox, radio, password, button и др. Для того, чтобы подписать такие теги нужно использовать тег label — который добавит подпись к полям ввода.
Поддержка браузеров
![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|
+ | + | + | + | + |
Пример
<form action="form_action.php" method="get"> First name: <input type="text" name="fname" /> Last name: <input type="text" name="lname" /> <input type="submit" value="Submit" /> </form>
Разница между HTML и XHTML
В HTML тег input не имеет закрывающего тега.
В XHTML тег input нужно правильно закрыть.
Необязательные атрибуты
Атрибут | Значение | Описание |
---|---|---|
accept | MIME_тип | Определяет тип файлов, которые можно отправить с помощью функции загрузки файлов (применимо только к type=»file») |
align | left right top middle bottom | Устарел. Используйте CSS |
alt | текст | Определяет альтернативный текст для поля ввода типа «image» (применимо только к type=»image») |
checked | checked | Элемент ввода должен быть выбран заранее до загрузки страницы (применимо только к type=»checkbox» или type=»radio») |
disabled | disabled | Элемент ввода должен быть заблокирован при загрузке страницы |
maxlength | значение | Определяет максимальную длину (в символах) поля ввода (применимо только к type=»text» или type=»password») |
name | название | Определяет название элемента ввода |
readonly | readonly | Элемент поля только для чтения (применимо только к type=»text» или type=»password») |
size | значение | Определяет размер поля ввода |
src | URL | Определяет УРЛ изображения, которое будет использовано в качестве кнопки отправки |
type | button checkbox file hidden image password radio reset submit text | Определяет тип элемента ввода |
value | значение | Определяет значение элемента ввода |
Стандартные атрибуты
Атрибут | Значение | Описание |
---|---|---|
accesskey | буква | Определяет клавишную комбинацию для получения доступа к элементу |
class | имя_класса | Определяет имя класса для элемента |
dir | rtl ltr | Определяет направление текста для контента в элементе |
id | id | Определяет уникальный id для элемента |
lang | код_языка | Определяет код языка для контента в элементе |
style | определение_стиля | Определяет инлайновый стиль для элемента |
tabindex | номер | Определяет порядок переноса фокуса в окне с одного элемента управления на другой при нажатии клавиши TAB |
title | текст | Определяет дополнительную информацию об элементе |
xml:lang | код_языка | Определяет код языка для контента в элементе, в XHTML документах |
Событийные атрибуты
Атрибут | Значение | Описание |
---|---|---|
onblur | скрипт | Скрипт будет выполнен после потери элементом фокуса |
onchange | скрипт | Скрипт будет выполнен при изменении элемента |
onclick | скрипт | Скрипт будет выполнен при клике |
ondblclick | скрипт | Скрипт будет выполнен при двойном клике |
onfocus | скрипт | Скрипт будет выполнен при получения фокуса |
onmousedown | скрипт | Скрипт будет выполнен при нажатии кнопки мышки |
onmousemove | скрипт | Скрипт будет выполнен при движении курсора мышки |
onmouseout | скрипт | Скрипт будет выполнен, когда курсор мышки покинет пределы элемента |
onmouseover | скрипт | Скрипт будет выполнен, когда курсор мышки находится над элементом |
onmouseup | скрипт | Скрипт будет выполнен, когда кнопка мышки будет отпушена |
onkeydown | скрипт | Скрипт будет выполнен при нажатии клавиши |
onkeypress | скрипт | Скрипт будет выполнен при нажатии клавиши и последующего разжатия |
onkeyup | скрипт | Скрипт будет выполнен при разжатии клавиши |
onselect | скрипт | Скрипт будет выполнен при выборе элемента |