HTML тег input— это тег применяется в формах для получения информации от пользователя. Такие поля ввода значительно могут отличаться между собой в зависимости от атрибута type — могут быть text, checkbox, radio, password, button и др. Для того, чтобы подписать такие теги нужно использовать тег label — который добавит подпись к полям ввода.
Поддержка браузеров
 IE |
 Opera |
 Chrome |
 Firefox |
 Safari |
|---|---|---|---|---|
| + | + | + | + | + |
Пример
<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 | скрипт | Скрипт будет выполнен при выборе элемента |