Адрес электронной почты

< input > элементы типа email используются, чтобы позволить пользователю вводить и редактировать адрес электронной почты.

<input type="email" атрибуты >

Введенное значение автоматически проверяется, чтобы убедиться, что оно либо пустое, либо адрес электронной почты в правильном формате (или список адресов), прежде чем форма может быть отправлена. Псевдоклассы :valid и :invalid CSS автоматически применяются для визуального обозначения того, является ли текущее значение поля действительным адресом электронной почты или нет.

В браузерах, которые не поддерживают ввод типа email , ввод возвращается к стандартному текстовому вводу.

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Авторизация на сайте</title>
 </head>
 <body>

  <form action="handler.php">

    <p>Вход на сайт</p>
    <p>Email: <input type="email" name="login"></p>
    <p>Пароль: <input type="password" name="pass"></p>
    <p><input type="submit" value="Вход"></p>

  </form>

 </body>
</html>