ТЕГ <INPUT>
Тег <input>
используется для создания элементов формы. Эти элементы могут различаться в зависимости от атрибута type.
Поддержка браузеров
Синтаксис
<input type="">
Атрибуты
Атрибут | Описание |
---|---|
accept |
Определяет типы файлов, которые принимает сервер (только для типа "file"). Возможные значения:
|
align |
Определяет выравнивание входного изображения (только для типа "image"). Возможные значения:
|
autocomplete | Указывает, должен ли элемент включать автозаполнение. Возможные значения:
|
autofocus | Указывает, что элемент input должен автоматически получать фокус при загрузке страницы. |
checked | Указывает, что элемент должен быть предварительно выбран при загрузке страницы (для типов "checkbox" и "radio"). |
dirname | Указывает, что направление текста будет отправлено на сервер. |
disabled | Указывает на то, что элемент отключен и пользователь не может с ним взаимодейтсвовать. |
form | Указывает к какой форме относится элемент. Значением атрибута должен быть id формы из того же документа. Этот атрибут позволяет размещать элементы формы не только внутри неё, но и в любом месте на странице. |
formaction | Указывает куда будут отправлены данные формы. Если атрибут определён, то он перепишет атрибут action родительской формы. |
formenctype | Определяет, как данные формы должны быть закодированы перед отправкой на сервер. Возможные значения:
|
formmethod | Если кнопка имеет тип "submit", атрибут определяет HTTP метод, который браузер использует, для отправки формы. Возможные значения:
|
formnovalidate | Указывает, что данные формы не будут валидироваться при отправке. Если атрибут определён, то он не перепишет атрибут action родительской формы. |
formtarget | Указывает на то, где будет отображаться ответ после отправки формы.
|
height | Определяет высоту элемента (только для типа image) |
list | Относится к элементу <datalist>, который содержит предопределенные параметры для элемента <input>. Значением атрибута должен id элемента <datalist> из того же документа. |
max | Определяет максимальное значение для элемента. |
maxlength | Задает максимально допустимое количество символов в элементе. |
min | Определяет минимальное значение для элемента. |
multiple | Указывает, что пользователь может ввести более одного значения в элементе. |
name | Определяет имя элемента. |
pattern | Определяет регулярное выражение, с которым проверяется значение элемента. |
placeholder | Определяет краткую подсказку, которая описывает ожидаемое значение элемента. |
readonly | Устанавливает, что элемент не может изменяться пользователем. |
required | Указывает на то, что пользователь должен выбрать значение для того чтобы отправить форму. |
size | Определяет ширину элемента. |
src | Определяет адрес изображения (для типа image). |
step | Определяет шаг приращения для числовых полей. |
type |
Определяет тип элемента. Возможные значения:
|
value | Определяет значение элемента. |
width | Определяет ширину элемента в пикселях (только для типа image). |
Тег <input>
поддерживает глобальные атрибуты.
Песочница
<input type="text" placeholder="Текстовое поле"> <hr> <label><input type="radio" name="radios" >Выбор 1</label> <label><input type="radio" name="radios" >Выбор 2</label> <hr> <label><input type="checkbox" >Выбор 1</label> <label><input type="checkbox" >Выбор 2</label>HTML