<input type="text" name="first_name" placeholder="e.g. Vasya">
# input
Определяет интерактивный элемент управления в веб-форме.
Пример: Скопировать
type
Определяет тип ввода формы.
Обязателен.
"text"
Простой однострочный ввод текста, который принимает любой тип символов
"email"
То же, что ввод текста, но браузер будет пытаться разрешать только действительные адреса электронной почты.
На мобильных устройствах будет отображаться клавиатура электронной почты.
"number"
Похоже на ввод текста, но браузер будет пытаться разрешать только действительные числа.
На мобильных устройствах отображается цифровая клавиатура.
"checkbox"
Флажок-переключатель, который может находиться только в одном из двух состояний: установлен или снят. Значение отправляется формой только в том случае, если флажок установлен.
Вы можете обернуть флажок в метку, чтобы увеличить область клика.
<label>
<input type="checkbox">
Я принимаю правила и условия
</label>
Обратите внимание, как щелчок по тексту переключает флажок.
"radio"
Необходимо использовать в сочетании с другими переключателями, чтобы они были взаимоисключающими.
Вы связываете переключатели через одинаковое значение name
:
<label>
<input type="radio" name="newsletter" value="yes">
Да
</label>
<label>
<input type="radio" name="newsletter" value="no">
Нет
</label>
Обратите внимание, как щелчок по одному отменяет выбор другого.
"submit"
Кнопка Submit, которая срабатывает при нажатии на нее или при нажатии Enter на любом поле.
name
Определяет уникальный идентификатор для этого поля в форме. Это позволяет серверу получать доступ к каждому значению при отправке..
Обязателен.
"first_name"
Значение имени должно быть уникальным в контексте контейнера <form>
.
Оно может содержать только буквенно-цифровые символы a-z
A-Z
0-9
и некоторые специальные символы, такие как -
_
… но без пробела.
placeholder
Определяет невыбираемый текст-заполнитель (подсказка), который появляется только тогда, когда поле пустое..
"e.g. vasya@gmail.com"
Вы можете подсказать пользователю что нужно вводить в это поле.
Лучшим решением будет использовать тег label чтобы описать поле, а атрибут placeholder использовать чтобы привести пример заполненного поля:
<form>
<label>Email</label><br>
<input type="email" name="email" placeholder="e.g. vasya@gmail.com">
</form>
Обратите внимание как подсказка в поле исчезает когда пользователь фокусируется на поле. Пользователь может забыть что нужно вводить в поле, поэтому используется label
required
Сообщает браузеру, что это поле обязательно. Если оставить его пустым, появится предупреждение.
Значение не нужно.Вам просто нужно добавить атрибут required
без значения:
<form>
<input type="text" required>
</form>
Браузер должен показать предупреждение, если вы попытаетесь отправить форму с пустым полем.
disabled
Отключает поле.
Значение не нужно.