<input type="tel">

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Элементы <input> с типом tel используются для ввода телефонных номеров. В отличие от <input/email> и <input/url> вводимое значение не проходит автоматическую валидацию перед отправкой формы, поскольку форматы телефонных номеров сильно различаются по всему миру.

Интерактивный пример

Несмотря на то, что поля ввода tel функционально идентичны обычным полям ввода с типом text, они приносят пользу: например, браузеры мобильных телефонов могут предоставлять для таких полей специальную клавиатуру, оптимизированную для ввода телефонных номеров. Использование специального поля ввода для телефонных номеров также упрощает реализацию их проверки и обработки.

Примечание: Браузеры, не поддерживающие тип tel, будут отображать обычное поле ввода <input/text>.

Значение

Атрибут value элемента <input> содержит строку, которая представляет номер телефона либо является пустой строкой ("").

Спецификации

Specification
HTML
# telephone-state-(type=tel)

Совместимость с браузерами

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
type="tel"

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
See implementation notes.

Смотрите также