ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

HTML Ссылки

HTML по Алфавиту HTML по Категориям HTML Атрибуты Тегов HTML Атрибуты Глобал HTML Атрибуты Событий HTML Цвета HTML Холсты HTML Аудио / Видео HTML Наборы символов HTML DOCTYPEs HTML Кодирование URL HTML Языковые коды HTML Коды стран HTTP Ответы сервера HTTP Методы PX в EM конвертер Горячие клавиши



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
email
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 Ссылки:


Параметры CSS по умолчанию

Нет.