Справочник HTML & CSS

<input>

Поле ввода; вид поля задаёт атрибут `type`.

Синтаксис

<input type="text" name="name">

Атрибуты

Параметр	Тип	Описание
type	text \| email \| password \| number \| checkbox \| …	Вид поля.
name	text	Имя, под которым значение уйдёт на сервер.
value	text	Необязательный. Начальное значение.
placeholder	text	Необязательный. Подсказка внутри пустого поля.
required	—	Необязательный. Делает поле обязательным.

Примеры

Разные виды полей:

<p><input type="text" placeholder="Name"></p>
<p><input type="number" min="1" max="10" value="5"></p>
<p><input type="date"></p>

Поле с подписью и начальным значением:

<label for="city">City</label>
<input id="city" name="city" value="London">

Примечания

Тег одиночный. Без type получается текстовое поле. У каждого поля должна быть подпись <label> — placeholder её не заменяет, потому что исчезает при вводе.

См. также

type — Вид поля `<input>`: от текста и чисел до даты, цвета и файла.
<label> — Подпись к полю формы.
<form> — Форма: собирает данные из полей и отправляет их на сервер.
<input type="checkbox"> — Флажок (`checkbox`) — независимый выбор «да/нет»; переключатель (`radio`) — один вариант из группы.
inputmode — Подсказывает телефонам и планшетам, какую экранную клавиатуру показать для поля, не меняя того, что поле принимает.

Вопросы и ответы по теме

В учебнике

Формы — Как устроена форма в HTML — тег form, поле input, атрибут name, кнопка отправки, action и методы GET и POST.

Спасибо, что читаете!