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 по умолчанию
Нет.