HTML <input>Тег
Примеры
Простая HTML-форма с двумя текстовыми полями ввода и кнопкой отправки:
Попробуйте сами »
(Дополнительные примеры можно найти внизу этой страницы.)
Поддержка браузеров
| Элемент | |||||
|---|---|---|---|---|---|
| <input> | Да | Да | Да | Да | Да |
Определение и использование
Тег <input> задаёт поле ввода, в которое пользователь может вводить данные.
Элемент <input> используется внутри элемента <form> для объявления элементов управления вводом, которые позволяют пользователям вводить данные.
Поле ввода можно изменять множеством способов в зависимости от атрибута type.
Советы и примечания
Примечание:Элемент <input> пуст; он содержит только атрибуты.
Совет:Вы можете использовать<label><label> элемент для определения метки для элемента <input>.
Различия между HTML 4.01 и HTML5
В HTML 4.01 атрибут "align" больше не используется. HTML5 не поддерживает этот атрибут. CSS можно использовать для определения выравнивания элемента <input>.
В HTML5 к <input> было добавлено несколько атрибутов вместе с соответствующими значениями.
Различия между HTML и XHTML
В HTML у тега <input> нет закрывающего тега.
В XHTML тег <input> должен быть правильно закрыт.
Атрибуты
Новое: Новое в HTML5.
| Attribute | Значение | Описание |
|---|---|---|
| accept | audio/* video/* image/* MIME_type | Указывает тип файла для отправки через загрузку файла. (Только для type="file") |
| align | left right top middle bottom | Устарело в HTML5, не рекомендуется. Указывает выравнивание поля ввода изображения. (Только для type="image") |
| alt | text | Определяет альтернативный текст для поля ввода изображения. (Только для type="image") |
| autocompleteНовое | on off | Атрибут autocomplete указывает, должно ли поле ввода элемента <input> иметь включённое автозаполнение. |
| autofocusНовое | autofocus | Атрибут указывает, что элемент <input> должен автоматически получать фокус при загрузке страницы. |
| checked | checked | Атрибут checked указывает, что элемент <input> должен быть предварительно выбран при загрузке страницы. (Только для type="checkbox" или type="radio") |
| disabled | disabled | Атрибут disabled указывает, что элемент <input> должен быть отключён. |
| formНовое | form_id | Атрибут form указывает одну или несколько форм, к которым принадлежит элемент <input>. |
| formactionНовое | URL | Атрибут указывает URL файла, который обрабатывает элемент управления вводом при отправке формы. (Только для type="submit" и type="image") |
| formenctypeНовое | application/x-www-form-urlencoded multipart/form-data text/plain | Атрибут указывает, как должны кодироваться данные формы при отправке на сервер. (Только для type="submit" и type="image") |
| formmethodНовое | get post | Определяет метод HTTP для отправки данных формы на URL-адрес action. (Только для type="submit" и type="image") |
| formnovalidateНовое | formnovalidate | Атрибут formnovalidate переопределяет атрибут novalidate элемента <form>. |
| formtargetНовое | _blank _self _parent _top framename | Указывает имя или ключевое слово, определяющее, где отображать ответ после отправки формы. (Только для type="submit" и type="image") |
| heightНовое | пикселей | Указывает высоту элемента <input>. (Только для type="image") |
| listНовое | datalist_id | Атрибут ссылается на элемент <datalist>, который содержит предопределённые варианты для элемента <input>. |
| maxНовое | number date | Атрибут указывает максимальное значение элемента <input>. |
| maxlength | число | Атрибут указывает максимальное количество символов, допустимое в элементе <input>. |
| minНовое | number date | Атрибут задаёт минимальное значение элемента <input>. |
| multipleНовый | multiple | Атрибут задаёт несколько значений, которые пользователь может ввести в элемент <input>. |
| name | text | Атрибут name задает имя элемента <input>. |
| patternНовый | regexp | Атрибут pattern задаёт регулярное выражение, используемое для проверки значения элемента <input>. |
| placeholderНовый | text | Атрибут placeholder задаёт короткую подсказку, описывающую ожидаемое значение поля <input>. |
| readonly | readonly | Атрибут readonly указывает, что поле ввода доступно только для чтения. |
| requiredНовый | required | Атрибут указывает, что поле ввода должно быть заполнено перед отправкой формы. |
| size | число | Атрибут size задаёт видимую ширину элемента <input> в символах. |
| src | URL | Атрибут src задаёт URL изображения, отображаемого в качестве кнопки отправки. (Только для type="image") |
| stepНовый | число | Атрибут step задаёт допустимые числовые интервалы для элемента <input>. |
| type | button
checkbox color date datetime datetime-local файл hidden image month число пароль radio range сброс search submit tel text time url week |
Атрибут type указывает тип отображаемого элемента <input>. |
| value | text | Задает значение элемента <input>. |
| widthНовое | пикселей | Атрибут width задаёт ширину элемента <input>. (Только для type="image") |
Глобальные атрибуты
Тег <input> поддерживает глобальные атрибуты, просмотрите полную таблицу атрибутовГлобальные атрибуты HTML。
Атрибуты событий
Тег <input> поддерживает всеАтрибуты событий HTML。
Другие расширения