0

Тег <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>

Читайте также