Email, telephone, and URL <input> types
<input> elements of type email are used to let the user enter and edit an email address, or, if the multiple attribute is specified, a list of email addresses.
Browser support
| Feature | Desktop | Mobile | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 5 | 12 | 1 | 5 | 18 | 3 | |
| HTML attribute | ||||||
| input elements of type tel are used to let the user enter and edit a telephone number. Unlike and , the input value is not automatically validated to a particular format before the form can be submitted, because formats for telephone numbers vary so much around the world. | 3 | 12 | 4 | 4 | 18 | 3 |
| input elements of type url are used to let the user enter and edit a URL. | 1 | 12 | 1 | 1 | 18 | 1 |
1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)
Notes 3 item(s)
Implementation note
- Doesn't do validation, but instead offers a custom 'email' keyboard, which is designed to make entering email addresses easier.
- The custom 'email' keyboard does not provide a comma key, so users cannot enter multiple email addresses.
- Automatically applies a default style of `opacity: 0.4` to disable textual `<input>` elements, including those of type 'email'. Other major browsers don't currently share this particular default style.
Notes 1 item(s)
Implementation note
- The field type doesn't demonstrate any special behavior.
Notes 1 item(s)
Implementation note
- The field type doesn't demonstrate any special behavior.
Syntax
HTML
<label>Email: <input type="email" placeholder="user@example.com" required></label>
<label>Phone: <input type="tel" placeholder="090-1234-5678" pattern="[0-9-]+"></label>
<label>URL: <input type="url" placeholder="https://example.com"></label>Live demo
Email / Phone / Urlinput
dedicated. Inputtype in mobailki-bo-d. Optimization and valid-tion provide.
PreviewFullscreen
Use cases
-
Using Email, telephone, and URL <input> types
<input> elements of type email are used to let the user enter and edit an email address, or, if the multiple attribute is specified, a list of email addresses.
Cautions
- May not be supported in older browsers.
Accessibility
- Verify how this element is announced by screen readers.