Атрибут inputmode в HTML

определение и использование

inputmode Атрибут позволяет изменить вид клавиатуры на телефоне или планшете (на любом устройстве с виртуальной клавиатурой).

См. также:

HTML курс:HTML атрибуты

пример

Подсказка:Запустите пример на телефоне или планшете, чтобы увидеть результат.

пример 1

На клавиатуре (виртуальной) будут видны только цифровые клавиши:

<input type="text" inputmode="numeric">
Результат отображения атрибута inputmode на телефоне

попробуйте сами

пример 2

Ниже приведен пример использования "email" в "inputmode":

<input type="text" inputmode="email">
Результат отображения атрибута inputmode на телефоне

попробуйте сами

грамматика

<element inputmode="decimal|email|none|numeric|search|tel|text|url">

Значение атрибута

Значение Описание
decimal Показывать только цифровой键盘, обычно также есть клавиша запятой.
email Текстовая клавиатура, клавиши обычно используются в адресах электронной почты, например [@].
none Клавиатура не должна出现.
numeric Показывать только цифровой键盘.
search Текстовая клавиатура, клавиша [enter] обычно отображается как [go].
tel Показывать только цифровой键盘, обычно также есть клавиши [+] и [*].
text По умолчанию. Текстовая клавиатура.
url Текстовая клавиатура, клавиши обычно используются в URL, например [.] и [/], а также специальных [.]com клавиш, или других доменных имен, заканчивающихся на локальные настройки.

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
66 79 95 12.2 53