HTML5 email input type examples




HTML5 email input type examples

<!DOCTYPE html>
<html>
   <head>
      <title>HTML5 Email Input Type examples</title>
      <style type="text/css">
         input[type="email"]:valid {
            outline: 2px solid blue;
         }
         input[type="email"]:invalid {
            outline: 2px solid black;
         }
      </style>
   </head>
   <body>
      <form>
         <label>
            Email Address: <input type="email" name="mycolor" required>
         </label>
      </form>
   </body>
</html>

Output