HTML5 Forms, Part 2 part 3

Creating More Fields

Some other new input types include email, url, and tel:

<input id="email" name="email" type="email" placeholder="example@example.com" />
<br />
<input id="url" name="url" type="url" placeholder="example.com" />
<br />
<input id="tel" name="tel" type="tel" placeholder="555.555.1211" />Try It Yourself

These are especially useful when opening a page on a modern mobile device, which recognizes the input types and opens a corresponding keyboard matching the field's type:
These new types make it easier to structure and validate HTML forms.