How to create HTML Input Type Email - HTML Input Types

The <input type="email"> is used for input fields that should contain an e-mail address.

Depending on browser support, the e-mail address can be automatically validated when submitted.

Some smartphones recognize the email type, and add ".com" to the keyboard to match email input.

How is to look HTML Input Type Email

index.html

Example: HTML

 <form>
  <label for="email">Enter your email:</label>
  <input type="email" id="email" name="email">
</form>

Full Example of HTML Input Type Email

The input type="email" is used for input fields that should contain an e-mail address:

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>

<h2>Email Field</h2>

<p>The <strong>input type="email"</strong> is used for input fields that should contain an e-mail address:</p>

<form action="/action_page.php">
  <label for="email">Enter your email:</label>
  <input type="email" id="email" name="email">
  <input type="submit" value="Submit">
</form>

</body>
</html>

Output should be:

Category:	Web Tutorial
Sub Category:	HTML Input Types
Uploaded by:	Admin

Read Article
https://develop.horje.com/learn/1434/reference