该tel输入类型可以用于输入电话号码。

 

浏览器本身不支持电话输入验证。但是，您可以使用该placeholder属性来帮助用户输入电话号码的正确格式，或者使用该属性指定正则表达式来验证用户输入pattern。让我们看一个例子：

 

例试试这个代码»

<form>

    <label for="myphone">Telephone Number:</label>

    <input type="tel" id="myphone" placeholder="xx-xxxx-xxxx" required>

</form>

注意：type="tel"由于所有国家/地区的电话号码格式差异很大，因此任何浏览器目前均不支持对tel输入（即）的验证，但仍然有用。移动浏览器在电话输入字段中显示一个数字键盘，用于输入电话号码。