Другие типы полей
Мы уже знаем типы text и password. У атрибута type гораздо больше значений, и браузер подстраивает поле под каждое из них. Вот несколько из них и как они выглядят:
type="email"— для адреса электронной почты. На телефонах на клавиатуре появляется знак @, а при отправке формы браузер проверяет, что текст похож на адрес электронной почты.type="number"— для чисел.type="date"— для даты, которую пользователь может выбрать в календаре.type="range"— для выбора значения из диапазона с помощью ползунка.
В следующих упражнениях мы познакомимся с переключателями, флажками, выпадающими списками и длинным текстом.
А теперь добавим в нашу форму адрес электронной почты. У каждого поля должна быть подпись, так что не забудьте о ней.
Задание
- 1
В пустом
divсоздайте поле типаemailс атрибутомnameсо значениемemailи атрибутомidсо значениемinput-email. - 2
Перед полем создайте элемент
labelс содержимымЭлектронная почтаи атрибутомforсо значениемinput-email.