Dynamic Web Lab
Back to insights

HTML5 Input Type Email

September 23, 20121 min read

A typical email address structure is [email protected]
As you can never trust your website user so you have to check the email id when user submit the form.
To solve this, HTML5 came with a news input type email.
The syntax is as basic as a text input you just have to use type="email".

Some advantage of using this new Email input type is:

  • This input field will be automatically validated when submitted.
  • On mobile device like iPhone or on Android will display a keyboard with the @ symbol provided on the primary screen

Syntax for this Input Type:

[php]<input type="email" name="usremail" />[/php]

Writer

Dynamic Web Lab Editorial

We share how we design, engineer, and scale digital products across the GCC, Europe, and the US.

Share this article

Tags

HTML5

Need help implementing this?

We turn these playbooks into shipped features. Let us scope your roadmap and support your team.

Start a project conversation