Раз в неделю мы отправляем дайджест с самыми популярными статьями.

# input

Определяет интерактивный элемент управления в веб-форме.

Пример: Копировать

<input type="text" name="first_name" placeholder="e.g. Alex">

type

Определяет тип ввода в форме.

Обязательный аттрибут.

"text"

Простой однострочный ввод текста, который принимает любой тип символов

"email"

Как текстовый ввод, но браузер будет позволять вводить только достоверные адреса электронной почты.

На мобильных устройствах будет отображаться клавиатура электронной почты.

"number"

Как текстовый ввод, но браузер будет позволять вводить только числовые значения.

На мобильных устройствах будет отображаться клавиатура с числами.

"checkbox"

Флажок переключения, который может быть только одним из двух состояний: отмечен или не отмечен. Значение передается только формой, если флажок отмечен.

Вы можете обернуть флажок в метку, что бы увеличить область нажатия.

<label>
  <input type="checkbox">
  Я принимаю правила и условия
</label>

Обратите внимание на то, как щелчок по тексту переключает флажок.

"radio"

Используется в сочетании с другими радиокнопками, чтобы они были взаимоисключающими.

Связывайте переключатели через аналогичное значение их имени - name:

<label>
  <input type="radio" name="newsletter" value="yes">
  Yes
</label>
<label>
  <input type="radio" name="newsletter" value="no">
  No
</label>

Обратите внимание, как одно нажатие обнуляет другой флажок.

"submit"

Кнопка "отправить", запускается при клике или при нажатии Enter.

name

Определяет уникальный идентификатор для входного значения в форме. Он позволяет получать серверу доступ к каждому входному значению при его отправке.

Обязательный аттрибут.

"first_name"

Значение name должно быть уникальным в пределах содержимого контейнера <form>.

Может содержать только алфавитно-цифровые символы: a-z A-Z 0-9 и некоторые специальные символы как - _… но не пробелы.

.

placeholder

Определяет текст-заполнитель который виден только тогда, когда поле ввода постое.

"e.g. alex@smith.com"

Тут вы можете указать формат, ожидаемый для ввода.

Рекомендуется использовать <label> для описания ввода и использовать текст-заполнитель, чтобы продемонстрировать пример:

<form>
  <label>Email</label><br>
  <input type="email" name="email" placeholder="e.g. alex@smith.com">
</form>

Обратите внимание, как текст-заполнитель исчезает при вводе символов, поэтому следует использовать отдельный <label>.

required

Указывает браузеру, что этот ввод обязателен. Если оставить его пустым, появится предупреждение.

Аттрибут не обязателен.

Вам просто нужно добавить аттрибут required без значения:

<form>
  <input type="text" required>
</form>

Браузер должен показывать предупреждение, если вы попытаетесь отправить пустую форму.

disabled

Отключает ввод.

Аттрибут не обязателен.