/html/input:> Элемент формы_

Элемент input

Синтаксис

HTML
XHTML
<input type="...">

Описание

Элемент input (от англ. "input" ‒ «ввод») создаёт в документе элемент формы (по умолчанию текстовое поле). Данный элемент должен принадлежать форме.


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

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

Спецификация


Атрибуты

accept
Устанавливает типы/форматы файлов, которые можно прикреплять к форме (отправлять на сервер).
align
Устанавливает выравнивание графической кнопки (для «type="image"»).
alt
Задаёт альтернативный текст для изображения (для «type="image"»).
autocomplete
Автозаполнение элементов формы.
autofocus
Автоматческое получение фокуса элементом формы после полной загрузки страницы.
checked
Активирует флажок/переключатель (для «type="checkbox"» или «type="radio"»).
dirname
Указывает уникальное имя значения направления вывода текста (для «type="search"» или «type="text"»).
disabled
Блокирует элемент формы.
form
Присоединяет элемент к форме.
formaction
URL-адрес обработчика формы (для «type="submit"» и «type="image"»).
formenctype
Устанавливает способ кодирования данных отправляемых на сервер (для «type="submit"» и «type="image"»).
formmethod
Определяет HTTP-метод передачи данных на сервер (для «type="submit"» и «type="image"»).
formnovalidate
Отменяет проверку данных формы перед отправкой на сервер.
formtarget
Указывает фрейм или окно в которое будет загружен ответ сервера (для «type="submit"» и «type="image"»).
height
Задаёт высоту графической кнопки («type="image"»).
inputmode
Подсказка для выбора методов ввода.
ismap
Указывает, что изображение кнопки является серверной картой-изображением.
list
Устанавливает список вариантов вводимых данных.
max
Задаёт максимальное значение для ввода числа/даты.
maxlength
Устанавливает максимальное количество символов вводимых в текстовое поле.
min
Задаёт минмиальное значение для ввода числа/даты.
minlength
Устанавливает минимальное количество символов вводимых в текстовое поле.
multiple
Разрешает указать элементу формы более одного значения.
name
Задаёт имя элементу формы.
pattern
Устанавливает критерий/шаблон ввода.
placeholder
Устанавливает в текстовом поле текст-подсказку.
readonly
Указывает, что поле ввода доступно только для чтения (изменение/редактирование запрещено).
required
Указывает что поле обязательно для заполнения.
size
Устанавливает ширину текстового поля по количеству символов.
src
Указывает URL-адрес изображения кнопки отправки данных формы (для «type="image"»).
step
Устанавливает интервал увеличения значения числового поля или ползунка.
type
Устанавливает тип элемента.
usemap
Присоединяет к изображению кнопки клиентскую карту-изображения.
value
Задаёт значение элемента.
width
Задаёт ширину графической кнопки («type="image"»).
Глобальные атрибуты
accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент input</title>
</head>
<body>
<h1>Пример с элементом "input"</h1>
<form action="/examples/php-scripts/coffee.php" method="post">
<fieldset> <legend><b>Какой кофе вы любите</b></legend>
<label><input type="radio" name="coffee" value="without"> просто кофе (без всего)</label>
<label><input type="radio" name="coffee" value="milk"> с молоком</label>
<p><input type="text" name="coffee_value" placeholder="Свой вариант"></p>
</fieldset>
<p><input type="reset"> <input type="submit"></p>
</form>
</body>
</html>
Элемент input