Тег <input>
Описание
Создает текстовое поле, которое может использоваться в различных целях, например от простого ввода пароля, так и до калькулятора.
Для элемента доступны универсальные атрибуты и события.
См. код языков. См. MIME - типы.
Синтаксис
<input>Атрибуты
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 - Устанавливает значение элемента.
Устаревшие атрибуты
Пример
<!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>Читайте также
Тег <footer>
«Подвал» сайта. Используется для размещения информации, такой как, авторское право или ссылки на соц. сети к примеру. Обычно находится в конце сайта, ...
Тег <code>
Вставляет код на сайт. Можно использовать для команд, технических терминов и др....
Тег <bdi>
Определяет фрагмент текста, который должен быть изолирован от изменения направления вывода текста.
Чаще всего применяется к языкам, которые читаютс...
Тег <hr>
Используется для создания горизонтальной черты между блоками....