САЙТ НАХОДИТСЯ В РАЗРАБОТКЕ
Баннер ТОП

HTML тег <input>


Пример

HTML-форма с тремя полями ввода; два текстовых поля и одна кнопка отправки:

<form action="/action_page.php">
  Имя: <input type="text" name="fname"><br>
  Фамилия: <input type="text" name="lname"><br>
  <input type="submit" value="Отправить">
</form>
Попробуйте сами »

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

Тег <input> указывает поле ввода, в которое пользователь может вводить данные.

Элементы <input> используются внутри элемента <form> для объявления элементов управления вводом, которые позволяют пользователям вводить данные.

Поле ввода может отличаться разными способами, в зависимости от атрибута type.


Поддержка браузерами

Элемент
<input> Yes Yes Yes Yes Yes

Советы и примечания

Примечание: Элемент <input> пуст, он содержит только атрибуты.
Совет: Используйте элемент <label> для определения меток для элементов <input>.

Различия между HTML 4.01 и HTML5

Атрибут "align" не поддерживается в HTML5.

В HTML5 тег <input> имеет несколько новых атрибутов, а атрибут type имеет несколько новых значений.


Различия между HTML и XHTML

В HTML тег <input> не имеет конечного тега.

В XHTML тег <input> должен быть правильно закрыт, вот так <input />.


Атрибуты

Атрибут Значение Описание
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" или type="radio")
dirname inputname.dir Указывает, что направление текста будет отправлено
disabled disabled Указывает, что элемент <input> должен быть отключен
form form_id Определяет форму, к которой принадлежит элемент <input>
formaction URL Указывает URL-адрес файла, который будет обрабатывать элемент управления вводом при отправке формы (для type="submit" и 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" и type="image")
formnovalidate formnovalidate Определяет, что элементы формы не должны проверяться при отправке
formtarget _blank
_self
_parent
_top
framename
Указывает, где отображать ответ, полученный после отправки формы (для type="submit" и 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
any
Определяет интервал между юридическими числами в поле ввода
type button
checkbox
color
date
datetime-local
email
file
hidden
image
month
number
password
radio
range
reset
search
submit
tel
text
time
url
week
Определяет type элемента <input> для отображения
value text Определяет значение элемента <input>
 
width pixels Определяет ширину элемента <input> (только для type="image")

Глобальные атрибуты

Тег <input> также поддерживает Глобальные атрибуты в HTML.


Атрибуты событий

Тег <input> также поддерживает Атрибуты событий в HTML.


Связанные страницы

HTML учебник: HTML Формы

HTML DOM справочник:


Настройки CSS по умолчанию

Отсутствуют.