HTML <input> Тег
Пример
HTML-форма с тремя полями ввода; два текстовых поля и одна кнопка Submit:
<form
action="/action_page.php">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>
Определение и использование
Тег <input> определяет поле ввода, в которое пользователь может вводить данные.
<input> элементы используются в элементе <input> для объявления элементов управления вводом, которые позволяют пользователям вводить данные.
Поле ввода может меняться различными способами в зависимости от атрибута Type.
Поддержка браузера
| Элемент | |||||
|---|---|---|---|---|---|
| <input> | Да | Да | Да | Да | Да |
Советы и примечания
Примечание: Элемент <input> пуст, он содержит только атрибуты.
Совет: Используйте <label> для определения меток для <input> элементов.
Различия между HTML 4,01 и HTML5
Атрибут "align" является навестить поддерживается в HTML5.
В HTML5 тег <input> имеет несколько новых атрибутов, а атрибут Type имеет несколько новых значений.
Различия между HTML и XHTML
В HTML тег <input> не имеет конечного тега.
В XHTML тег <input> должен быть правильно закрыт, как это <input />.
Атрибуты
= Новое в HTML5.
| Атрибут | Значение | Описание |
|---|---|---|
| accept | file_extension audio/* video/* image/* media_type |
Указывает типы файлов, которые принимает сервер (только для type="file") |
| align | left right top middle bottom |
Не поддерживается в HTML5. Задает выравнивание входного изображения (только для type="image") |
| alt | text | Задает альтернативный текст для изображений (только для type="image") |
| autocomplete | on off |
Указывает, должен ли элемент <input> включать Автозаполнение |
| autofocus | autofocus | Указывает, что элемент <input> должен автоматически получать фокус при загрузке страницы |
| checked | checked | Указывает, что элемент <input> должен быть предварительно выбран при загрузке страницы (для type="checkbox" or type="radio") |
| dirname | inputname.dir | Указывает, что направление текста будет отправлено |
| disabled | disabled | Указывает, что элемент <input> должен быть отключен |
| form | form_id | Указывает одну или несколько форм, к которым принадлежит элемент <input> |
| formaction | URL | Задает URL-адрес файла, который будет обрабатывать элемент управления вводом при отправке формы (для type="submit" and type="image") |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain |
Указывает, как данные формы должны кодироваться при отправке на сервер (для type="submit" and type="image") |
| formmethod | get post |
Определяет метод HTTP для отправки данных в URL-адрес действия (для type="submit" and type="image") |
| formnovalidate | formnovalidate | Определяет, что элементы формы не должны проверяться при отправке |
| formtarget | _blank _self _parent _top framename |
Указывает, где отображать ответ, полученный после отправки формы (для type="submit" and type="image") |
| height | pixels | Задает высоту элемента <input> (только для type="image") |
| list | datalist_id | Ссылается на элемент <datalist>, содержащий предварительно определенные параметры для элемента <input> |
| max | number date |
Задает максимальное значение для элемента <input> |
| maxlength | number | Указывает максимальное число символов, допустимое в элементе <input> |
| min | number date |
Задает минимальное значение для элемента <input> |
| multiple | multiple | Указывает, что пользователь может ввести более одного значения в элементе <input> |
| name | text | Задает имя элемента <input> |
| pattern | regexp | Задает регулярное выражение, которое проверяется значением <input> элемента |
| placeholder | text | Задает краткую подсказку, описывающую ожидаемое значение элемента <input> |
| readonly | readonly | Указывает, что поле ввода предназначено только для чтения |
| required | required | Указывает, что поле ввода должно быть заполнено перед отправкой формы |
| size | number | Задает ширину (в символах) элемента <input> |
| src | URL | Указывает URL-адрес изображения для использования в качестве кнопки отправки (только для type="image") |
| step | number | Задает юридические интервалы номеров для поля ввода |
| type | button checkbox color date datetime-local file hidden image month number password radio range reset search submit tel text time url week |
Указывает тип <input> элемент для отображения |
| value | text | Задает значение элемента <input> |
| width | pixels | Задает ширину элемента <input> (только для type="image") |
Глобальные атрибуты
Тег <input> также поддерживает Глобальные атрибуты в HTML.
Event Attributes
Тег <input> также поддерживает Атрибуты событий в HTML.
Похожие страницы
HTML Учебник: HTML Forms
HTML DOM Ссылки:
- Input Button Object
- Input Checkbox Object
- Input Color Object
- Input Date Object
- Input Datetime Object
- Input DatetimeLocal Object
- Input Email Object
- Input FileUpload Object
- Input Hidden Object
- Input Image Object
- Input Month Object
- Input Number Object
- Input Password Object
- Input Range Object
- Input Radio Object
- Input Reset Object
- Input Search Object
- Input Submit Object
- Input Text Object
- Input Time Object
- Input URL Object
- Input Week Object
Параметры CSS по умолчанию
Нет.