inputmode глобальный атрибут HTML
Базовый уровень Широко доступно
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и в различных версиях браузеров. Она доступна во всех браузерах с декабря 2021 года.
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 on IOS | Samsung Internet | WebView Android | WebView on iOS | |
inputmode |
66 | 79 | 9517–23 | 53 | 12.1 | 66 | 79 | 47 | 12.2До iOS 13 атрибутinputmode="none" не оказывал эффекта. |
9.0 | 66 | 12.2До iOS 13 атрибутinputmode="none" не оказывал эффекта. |
См. также
- Все глобальные атрибуты.
-
enterkeyhint— глобальный атрибут
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/inputmode