Тег <input>
Описание
Создает текстовое поле, которое может использоваться в различных целях, например от простого ввода пароля, так и до калькулятора.
Для элемента доступны универсальные атрибуты и события.
См. код языков.
См. MIME - типы.
Синтаксис
<input>| Internet Explorer | Edge | Chrome | Opera | Safari | Firefox | Android WebView | Firefox для Android | Opera для Android | iOS Safari |
| 2 | 12 | 1 | 1 | 1 | 1 | 1 | 1 | 6 | 1 |
| Поддерживается | Частичная поддержка | Не поддерживается |
Атрибуты
accept - Включает фильтр на type='file'.
alt - Альтернативный текст для кнопки с изображением.
autocomplete - Определяет, включить ли автозаполнение или нет.
autofocus - Устанавливает фокус на поле формы.
checked - Включает флажок, используется в type='radio' и type='checked'.
dirname - Передает на сервер данные о направлении текста.
disabled - Делает input неактивным.
form - Связывает поле с формой по ID.
formaction - Определяет путь к файлу - обработчику данных.
formenctype - Определяет способ кодирования данных.
formmethod - Указывает метод передачи данных с формы на сервер.
formnovalidate - Отменяет проверку на корректность.
formtarget - Указывает, в какое окно или фрейм, выводить данные.
list - Указывает на список вариантов.
max - Верхнее значение для ввода числа или даты.
min - Нижнее значение для ввода числа или даты.
maxlength - Максимальное количество символов разрешённых в тексте.
minlength - Минимальное количество символов разрешённых в тексте.
multiple - Позволяет загружать несколько файлов одновременно, работает с type='file' или type='email'.
name - Имя поля.
pattern - Шаблон ввода.
placeholder - Подсказывающий текст.
readonly - Устанавливает input только для чтения.
required - Устанавливает поле обязательным к заполнению.
size - Ширина текстового поля.
src - Указывается адрес изображения. Работает с type='image'
step - Устанавливает шаг изменения числа.
type - Указывает, какого типа поле.
value - Устанавливает значение элемента.
Устаревшие атрибуты
align - Выравнивает изображение. Работает с type='image'.
border - Устанавливает толщину рамки вокруг изображения. Работает с type='image'.
Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<form action='/html/result-send' method='get'>
<input type='text' name='info'>
<button type='submit'>Отправить</button>
</form>
</body>
</html>Читайте также
Тег <area>
Используется для указания специальной области на изображении.
Тег <progress>
Используется для определения прогресса какой - либо задачи.
Тег <form>
Создает форму. Обычно используется для отправки значений из полей формы, таких как <span class...
Тег <hr>
Используется для создания горизонтальной черты между блоками.
Тег <li>
Тег <span class='samp'>li</span> элемент списка <span class=&#...