Имя:
Фамилия:
Тег используется для ввода информации пользователем.
Поле ввода может варьироваться в зависимости от атрибута type. Оно может быть текстовым полем, полем для ввода пароля, кнопкой, выпадающим меню выбора и т.д.
Браузерная поддержка
Тег поддерживается всеми основными браузерами.
Отличия между HTML и XHTML
В HTML тег не имеет закрывающего тега.
В XHTML тег обязательно должен быть закрыт, что достигается так: .
Совет
Используйте тег для задания метки полю ввода.
Альтернативные атрибуты
DTD показывает в какой версии DTD использование атрибута разрешено. S=Strict, T=Transitional и F=Frameset.
| Атрибут | Значение | Описание | DTD |
|---|---|---|---|
| accept | MIME-тип | Указывает тип файла, который может быть загружен пользователем на сервер (только для type=»file») | STF |
| align | left right top middle
bottom |
Устарело. Используйте CSS. Определяет выравнивание кнопки-изображения (только для type=»image») |
TF |
| alt | текст | Указывает альтернативный текст для кнопки-изображения (только для type=»image») | STF |
| checked | checked | Определяет выбор по умолчанию для кнопки (только для type=»checkbox» или type=»radio») | STF |
| disabled | disabled | Указывает на то, что поле ввода должно быть неактивно при загрузке страницы | STF |
| maxlength | число | Указывает максимальное количество символов поля ввода (только для type=»text» или type=»password») | STF |
| name | имя | Указывает название элемента | STF |
| readonly | readonly | Указывает на то, что поле не может изменяться пользователем (только для type=»text» или type=»password») | STF |
| size | число | Определяет ширину текстового поля | TF |
| src | URL | Определяет адрес изображения, используемого в качестве кнопки подтверждения | TF |
| type | button checkbox file hidden image password radio reset submit
text |
Указывает тип поля ввода | TF |
| value | текст | Указывает значение элемента формы | TF |
Стандартные атрибуты
Тег поддерживает следующие стандартные атрибуты:
| Атрибут | Значение | Описание | DTD |
|---|---|---|---|
| accesskey | символ (клавиша) | Определяет клавишу (сочетание клавиш) для быстрого доступа к элементу | STF |
| class | название класса | Указывает название класса для элемента | STF |
| dir | rtl ltr |
Указывает направление вывода текста для элемента | STF |
| id | id | Указывает id для элемента | STF |
| lang | код_языка | Указывает код языка содержимого элемента | STF |
| style | описание_элемента | Указывает строчный стиль элемента | STF |
| tabindex | порядковый номер | Указывает порядковый номер элемента при переключении с помощью клавиши Tab | STF |
| title | текст | Указывает дополнительную информацию об элементе | STF |
| xml:lang | код_языка | Указывает код языка содержимого элемента в XHTML документах | STF |
Дополнительная информация о стандартных атрибутах.
События
Тег поддерживает следующие атрибуты событий:
| Атрибут | Значение | Описание | DTD |
|---|---|---|---|
| onblur | скрипт | Скрипт, который должен быть выполнен, когда элемент теряет фокус (т.е. курсор мыши уходит с элемента) | STF |
| onchange | скрипт | Скрипт, который должен быть выполнен при изменении элемента | STF |
| onclick | скрипт | Скрипт, который должен быть выполнен при одинарном щелчке мышью | STF |
| ondblclick | скрипт | Скрипт, который должен быть выполнен при двойном щелчке мышью | STF |
| onfocus | скрипт | Скрипт, который должен быть выполнен, когда элемент попадает в фокус (т.е. курсор мыши попадает на элемент) | STF |
| onmousedown | скрипт | Скрипт, который должен быть выполнен, если пользователь зажал кнопку мыши | STF |
| onmousemove | скрипт | Скрипт, который должен быть выполнен при движении курсора мыши | STF |
| onmouseout | скрипт | Скрипт, который должен быть выполнен, если пользователь передвинул курсор мыши за пределы элемента | STF |
| onmouseover | скрипт | Скрипт, который должен быть выполнен, когда пользователь двигает курсор мыши над элементом | STF |
| onmouseup | скрипт | Скрипт, который должен быть выполнен, когда пользователь отпускает кнопку мыши | STF |
| onkeydown | скрипт | Скрипт, который должен быть выполнен при нажатии клавиши пользователем | STF |
| onkeypress | скрипт | Скрипт, который должен быть выполнен при нажатии и отпускании клавиши пользователем | STF |
| onkeyup | скрипт | Скрипт, который должен быть выполнен при отпускании клавиши пользователем | STF |
| onselect | скрипт | Скрипт, который должен быть выполнен если элемент выбран | STF |
Дополнительная информация о cобытиях HTML.
Примеры
Создание поля для пароля
Пример иллюстрирует вставку ссылки.
Создание кнопки
Пример иллюстрирует использование изображения в качестве ссылки.
Форма с флажками (checkbox)
Открывание ссылки в новом окне браузера.
Форма с переключателями (radiobutton)
Вставка ссылки на определенное место (закладку) в открытом документе.