/html/input:> Элемент формы_
Элемент input
Синтаксис
HTML
XHTML
<input type="...">
Описание
Элемент input
(от англ. "input" ‒ «ввод») создаёт в документе элемент формы (по умолчанию текстовое поле). Данный элемент должен принадлежать форме.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел | |
---|---|---|
HTML | ||
2.0 | Input Field: INPUT | Перевод |
3.2 | INPUT text fields, radio buttons, check boxes, ... | |
4.01 | 17.4 The INPUT element DTD: Transitional
Strict
Frameset
|
|
5.0 | 4.10.5 The input element | |
5.1 | 4.10.5. The input element | |
XHTML | ||
1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
|
1.1 | Extensible HyperText Markup Language |
Атрибуты
- 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, data-*, dir, draggable, dropzone, 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>
<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