HTML5 Email Input Type - HTML CSS HTML

HTML CSS examples for HTML:Form Input

  1. HOME
  2. HTML CSS
  3. HTML
  4. Form Input

Description

HTML5 Email Input Type

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html lang="en">
 <head> 
  <title>HTML5 Email Input Type</title> 
  <style type="text/css">
    input[type="email"]:valid{
        outline: 2px solid green;
    }<!--from w w w  .ja  v a2 s  . c o  m-->
    input[type="email"]:invalid{
        outline: 2px solid red;
    }
</style> 
 </head> 
 <body> 
  <form> 
   <label> Email Address: <input type="email" name="mycolor" required> </label> 
  </form>   
 </body>
</html>

Related Tutorials