<!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>