AJAX загрузка
home

Тэг <input>

Пример

<form action="http://www.wisdomweb.ru/" method="post">
  Имя: <input type="text" name="fn" /><br />
  Фамилия: <input type="text" name="ln" /><br />
  <input type="submit" value="Отправить данные" />
</form>
Быстрый просмотр

Определение и Использование

Тэг <input> используется для сбора пользовательской информации в формах.

В зависимости от значения атрибута type данный тэг значительно изменяет свое поведение, к примеру он может принимать вид: текстового поля, радио-кнопки, кнопки отправления, поля для ввода пароля и т.д.

Изменения в HTML5

В HTML5 у элемента input появились новые атрибуты, а у его атрибута type появились новые значения.

Примеры с использованием новых атрибутов Вы можете найти в нашем HTML5 учебнике.

Атрибуты

В поле Изменения Вы можете узнать какие изменения произошли с данным атрибутом в HTML5.

Возможные значения:

  • Удален данный атрибут был удален в HTML5.
  • Добавлен данный атрибут был добавлен в HTML5.
  • - данный атрибут не затронули изменения.
Атрибуты Значение Описание Изменения
alt текст Устанавливает альтернативный текст для картинки (применяется только для type="image"). -
autocomplete autocomplete Активирует возможность автозаполнения поля. Добавлен
autofocus autofocus Указывает, что данный элемент должен быть активным сразу после загрузки страницы. Добавлен
checked checked Определяет этот элемент выбранным по умолчанию (применяется только для type="checkbox" и type="radio"). -
disabled disabled Указывает, что элемент должен быть неработоспособным. -
form идентификатор формы Указывает одну или несколько форм, к которым принадлежит данный элемент. Добавлен
formaction URL Указывает адрес, на который должны отсылаться данные формы (только для type="submit" и type="image"). Добавлен
formenctype application/x-www-form-urlencoded
multipart/form-data text/plain
Указывает как должны кодироваться данные формы перед отправкой (только для type="submit" и type="image"). Добавлен
formmethod GET
POST
Указывает способ отправки данных формы (только для type="submit" и type="image"). Добавлен
formnovalidate formnovalidate Указывает, что данные формы не должны проверяться перед отправкой. Добавлен
formtarget _blank
_self
_parent
_top
имя фрейма
Указывает, где должен отображаться ответ сервера после отправки формы (только для type="submit" и type="image"). Добавлен
height пиксели Устанавливает высоту элемента (только для type="image"). Добавлен
list идентификатор элемента datalist Позволяет привязать элемент datalist к элементу <input>. Добавлен
max число
дата
Указывает максимальное число или дату, которую можно ввести в поле ввода. Добавлен
maxlength число Устанавливает максимальную длину поля в символах (только для type="text" и type="password"). -
min число
дата
Указывает минимальное число или дату, которую можно ввести в поле ввода. Добавлен
multiple multiple Указывает, что в данное поле можно ввести несколько значений. Добавлен
name имя Указывает имя элемента <input>. -
pattern регулярное выражение Задает регулярное выражение, с которым должно быть сверено значение элемента <input> пред отправкой. Добавлен
placeholder текст Устанавливает текст-подсказку, который будет отображаться в элементе <input> пока он не активен. Добавлен
readonly readonly Указывает, что это поле может быть использовано только для чтения т.е. его нельзя редактировать (только для type="text" и type="password"). -
required required Указывает, что данное поле обязательно должно быть заполнено перед отправлением формы. Добавлен
size число Устанавливает ширину элемента в символах. -
src URL Указывает URL картинки, которая будет отображаться как кнопка отправления (только для type="image"). -
step число Устанавливает ширину шага для элемента <input>. Добавлен
type button
checkbox
color *новое
date *новое
datetime *новое
datetime-local *новое
email *новое
file
hidden
image *новое
month *новое
number *новое
password
radio
range *новое
reset
search *новое
submit
tel *новое
text
time *новое
url *новое
week *новое
Указывает тип элемента ввода. Примеры с использованием новых типов Вы можете найти в нашем HTML5 учебнике. Добавлены новые значения
value значение Устанавливает значение элемента <input>. -
width пиксели Устанавливает ширину элемента (только для type="image"). Добавлен