Самоучитель HTML Справочник HTML Глобальные атрибуты MIME-типы События Типы элементов Таблица цветов Спецсимволы HTML Коды языков
Глобальные атрибуты

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

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

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

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

Синтаксис

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

Значения

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

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

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

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

Пример

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

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

Результат

Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011 – 2024 © puzzleweb.ru | razumnikum.ru

Реклама на сайте | puzinfo@puzzleweb.ru