Введите ваш адрес почты


sdcvoy.ru
Понравился сайт? Поделись с друзьями!
Главная » Html5 » Tip-vvoda-dannyx-mail

Тип ввода данных mail

Новый тип ввода данных mail, говорит браузеру, что форма не будет отправлена, если пользователь введет нечто не похожее на почтовый адрес. Пользователь может отправить незаполненную форму. Но, если в форме ввода данных добавить атрибут required, то форму придется обязательно заполнить. Также для внесения нескольких почтовых адресов в форму можно добавить атрибут multiple. Синтаксис ввода имеет следующий вид:

<input type="email" required multiple>

Я думаю вы без проблем сможете в дальнейшем использовать этот тип ввода данных, а для этого предлагаю вам взглянуть на следующий пример:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Mail</title>
 </head>
 <body>
  <form action="pochta.php">
   <p>Введите почтовые адреса через запятую:</p>   
   <p><input type="email" required multiple></p>
   <p><input type="submit" value="Отправить"></p>
  </form>
 </body>
</html>

Должно получиться следующее:

Тип ввода данных mail

Следует заметить, что при заполнении формы разные браузеры выдают всплывающую информацию по-разному. В следующих уроках вы познакомитесь с другими типами ввода данных.



наверх