<input name="email" type="email" pattern="[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+.[A-Za-z]{1,63}$" class="form-control" placeholder="Email*" id="email" required="">
<form action="example.php">
<label for="email">Email:</label>
<input type="email" id="email" name="email"
pattern="[a-z0-9._%+-]+@[a-z0-9.-]+.[a-z]{2,}$"
title="Please Enter Valid Email Id">
<input type="submit">
</form>
var email = /^[a-z0-9._%+-]+@[a-z0-9.-]+.[a-z]{2,4}$/;