In this section, we will learn what the <input type = “email”> element is and how to use it.
What is input type email in HTML?
The <input type = “email”> element is used to create a field in a document where people can enter an email address.
This field automatically checks the input value against the pattern of an email; if the input value didn’t match the pattern of an email, browsers display a message that the email is not correct. If the email field is in a form and we put a wrong email, the form won’t submit!
(Sometimes only the input field is highlighted with red color to signal the input value is not correct).
HTML input type email Syntax:
<input type = “email”>
HTML input type email Return Values
The return value of this element is the emails that users entered into that email field.
Example: using <input type=”email”> in HTML
See the Pen using <input type="email"> in HTML by Omid Dehghan (@odehghan) on CodePen.