Глобальный HTML атрибут inputmode — это перечисляемый атрибут, который указывает на тип данных, которые может ввести пользователь при редактировании элемента или его содержимого. Это позволяет браузеру отображать соответствующую виртуальную клавиатуру.
Атрибут inputmode - синтаксис и код
Несколько примеров с атрибутом inputmode:
Запустите пример на телефоне или планшете, чтобы увидеть результат.
<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<body>
<h3>Атрибут inputmode</h3>
<p>Просмотрите эту страницу с телефона или планшета.</p>
<p>Нажмите на поле ввода:</p>
<input type="text" inputmode="decimal">
<p>Клавиши на виртуальной клавиатуре только с цифрами.</p>
</body>
</html>
Атрибут inputmode
Просмотрите эту страницу с телефона или планшета.
Нажмите на поле ввода:
Клавиши на виртуальной клавиатуре только с цифрами.
Атрибут inputmode позволяет изменять внешний вид клавиатуры на телефоне или планшете (любом устройстве с виртуальной клавиатурой).
Вот результат примера на моем телефоне:
Клавиатура со значением decimal
<input type="text" inputmode="decimal">
Клавиатура со значением email
<input type="text" inputmode="email">
Поддержка inputmode браузерами
Поддерживает
Поддерживает
Поддерживает
Поддерживает
Поддерживает
Значения атрибутов
Значение
Описание
decimal
Только клавиатура с цифрами, обычно также клавиша запятая
email
Текстовая клавиатура с клавишами, обычно предназначенными для адресов электронной почты, например [@]
none
Клавиатура не должна отображаться
numeric
Только клавиатура с цифрами
search
Текстовая клавиатура, обычно клавиша [enter] обозначает
tel
Только клавиатура с цифрами, обычно также с клавишами [+], [*] и [#]
text
По умолчанию. Текстовая клавиатура
url
Текстовая клавиатура с клавишами, обычно предназначенными для веб-адресов, такими как [.] и [/], а также специальной клавишей [.com] или другими окончаниями доменов, которые обычно используются для локальных настроек
