PassFront
  1. PassFront
  2. База знаний
  3. Формы и контролы

Что такое input?

Формы и контролы

`input` — элемент формы для ввода данных. Его поведение определяет атрибут `type`.

Основные типы

  • text, password, search — текст;
  • email, tel, url — с валидацией и нужной клавиатурой на телефоне;
  • number, range — числа;
  • date, time, datetime-local — даты;
  • checkbox, radio — выбор;
  • file — загрузка файлов;
  • hidden — скрытое значение для формы;
  • submit, button — кнопки (обычно лучше тег button).

Полезные атрибуты

<input
  id="email"
  type="email"
  name="email"
  required
  autocomplete="email"
  inputmode="email"
  placeholder="name@example.com"
/>
  • name — ключ значения при отправке формы;
  • required, minlength, pattern, min, max — встроенная валидация;
  • autocomplete — автозаполнение;
  • disabled и readonly — блокировка (значение disabled не отправляется).

Доступность

У каждого поля должна быть видимая подпись label, связанная через for/id.

Коротко для собеседования

input — поле формы, тип задаёт type (text, email, checkbox, file и др.); важны name, встроенная валидация, autocomplete и связанный label.

Подробнее: MDN — input

Другие вопросы раздела