Example
Define a field for entering a telephone number:
<label for="phone">Enter your phone number:</label>
<input type="tel" id="phone" name="phone" pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}">
Definition and Usage
The <input type="tel"> defines a field for entering a telephone number.
Note: Browsers that do not support "tel" fall back to being a standard "text" input.
Tip: Always add the <label> tag for best accessibility practices!
Browser Support
| Attribute | |||||
|---|---|---|---|---|---|
| type="tel" | Yes | 10.0 | Yes | Yes | 11.0 |
Syntax
<input type="tel">
