inputmode
Атрибут inputmode глобального атрибута является перечисляемым атрибутом, который указывает на тип данных, которые пользователь может ввести при редактировании элемента или его содержимого. Это позволяет браузеру отобразить подходящую виртуальную клавиатуру.
Он используется преимущественно для <input> элементов, но может использоваться для любого элемента в режиме contenteditable.
Важно понимать, что атрибут inputmode не накладывает никаких требований к валидности ввода. Чтобы потребовать, чтобы ввод соответствовал определённому типу данных, выберите соответствующий тип элемента <input>. Подробные рекомендации по выбору <input> типов см. в разделе Значения.
Значения
Атрибут может принимать следующие значения:
none-
Нет виртуальной клавиатуры. Используется, когда страница реализует собственное управление вводом с клавиатуры.
-
text(значение по умолчанию) -
Стандартная клавиатура ввода для текущего языка пользователя.
decimal-
Клавиатура для ввода дробных чисел, содержащая цифры и десятичный разделитель для языка пользователя (обычно . или ,). Устройства могут отображать или не отображать знак минус (-).
numeric-
Клавиатура для ввода чисел, но требуется только ввод цифр от 0 до 9. Устройства могут отображать или не отображать знак минус.
tel-
Клавиатура для ввода номера телефона, включая цифры от 0 до 9, звездочку (*) и знак решётки (#). Элементы, которые требуют ввода номера телефона, обычно должны использовать
<input type="tel">вместо этого. search-
Виртуальная клавиатура, оптимизированная для ввода поисковых запросов. Например, кнопка возврата/отправки может быть помечена как "Поиск", а также могут быть другие оптимизации. Элементы, которые требуют поискового запроса, обычно должны использовать
<input type="search">вместо этого. email-
Виртуальная клавиатура, оптимизированная для ввода адресов электронной почты. Обычно включает символ @, а также другие оптимизации. Элементы, которые требуют адресов электронной почты, обычно должны использовать
<input type="email">вместо этого. url-
Клавиатура, оптимизированная для ввода URL-адресов. Возможно, на ней символ / будет более заметным. Дополнительные функции могут включать доступ к истории и т. д. Элементы, которые требуют URL-адреса, обычно должны использовать
<input type="url">вместо этого.
Спецификации
| Спецификация |
|---|
| Стандарт HTML # attr-inputmode |
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
inputmode |
66 | 79 | 9517–23 | 53 | 12.1 | 66 | 79 | 47 | 12.2До iOS 13,inputmode="none" не имел эффекта. |
9.0 | 66 |
См. также
- Все глобальные атрибуты.
-
enterkeyhintглобальный атрибут
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode