Глобальный атрибут inputmode

Глобальный атрибут inputmode определяет тип ввода для виртуальной клавиатуры, который будет отображаться на мобильных устройствах при наборе текста.

Атрибут inputmode может повысить удобство и скорость ввода, предоставляя пользователям наиболее подходящую виртуальную клавиатуру. Например, для ввода числа можно отобразить цифровую клавиатуру, а для ввода email — клавиатуру с символами @, . и другими, часто используемыми в адресах электронной почты.

Атрибут inputmode применяется к полям ввода (<input>, <textarea>) или к элементам, для которых установлен глобальный атрибут contenteditable.

Синтаксис

<элемент inputmode="none | text | tel | url | email | numeric | decimal | search">

Значения

Атрибут может принимать одно из следующих значений:

Значение	Описание	Возможный вид клавиатуры
`none`	Виртуальная клавиатура не отображается. Используется в ситуациях, когда ввод данных реализован собственными средствами, к примеру, виртуальная клавиатура добавлена своя.
`text`	Обычная виртуальная клавиатура для ввода текста.
`tel`	Виртуальная клавиатура для ввода телефонного номера. Содержит цифры и кнопки для набора символов `*` и `#`.
`url`	Виртуальная клавиатура для ввода URL-адресов с удобным доступом к символам `.` и `/`.
`email`	Виртуальная клавиатура для ввода адреса электронной почты с удобным доступом к символам `.` и `@`.
`numeric`	Виртуальная клавиатура для ввода чисел. Удобно использовать для ввода PIN-кода.
`decimal`	Виртуальная клавиатура для ввода чисел с поддержкой десятичных точек (для записи десятичных дробей).
`search`	Виртуальная клавиатура для ввода поисковых запросов.

Значение по умолчанию

Если атрибут inputmode не указан, браузер самостоятельно определяет тип ввода для виртуальной клавиатуры.

Пример

<!-- Отображает клавиатуру для ввода чисел.
   Увидеть работу атрибута можно при наборе текста
   на виртуальной клавиатуре мобильных устройств. -->

<input inputmode="numeric" type="text">

Результат