email validation html5

Email validation in html5

<!DOCTYPE html>

<html lang="en">
<head>
 <meta charset="utf-8">
 <title>email validation in html5, html5 email validation</title>
</head>
<body>
 <form action="" method="get">
  <label for="email">Email:</label>
  <input id="email" name="email" type="email" autofocus />

  <button type="submit"> Submit Form </button>
 </form>
</body>
</html>

Note : At this time, we cannot depend on browser validation. A server/client side solution must still be implemented.For example, Opera seems to support email validation, just as long as the name attribute is specified. However, it does not support the placeholder attribute.

i will test in firefox and chrome but not in work in IE

Output :

email validation