Атрибут inputmode
Атрибут inputmode говорит браузеру на устройствах с экранной клавиатурой какой набор символов показать при вводе данных в конкретное поле. Указывается для элементов <input> или <textarea>.
Важно понимать разницу между атрибутом
1. атрибут inputmode только подсказывает браузеру, какой набор символов предложить пользователю для взаимодействия с полем ввода;
2. атрибут type устанавливает тип данных, которые пользователь может ввести в поле ввода.
Вид клавиатуры отличается в зависимости от локализации устройства, используемой операционной системы или браузера.
Значения:
1. none - Не показывает виртуальную клавиатуру устройства пользователя. Может использоваться для приложения или сайта, которые предлагают свою клавиатуру.
2. text - Используется стандартная клавиатура устройства пользователя. Является значением по умолчанию, учитывает локализацию устройства пользователя.
3. numeric - Числовая раскладка клавиатуры. Чаще всего используется для полей ввода, ожидающих цифры: код доступа, номер документа, почтовый индекс и т.п.
4. decimal - Ввод дробных значений чисел с разрядами и разделителем. Для использования символа-разделителя (точка или запятая) учитывается локализация устройства пользователя.
5. tel - Ввод номера телефона на клавиатуре, которая использует числа от 0 до 9, звёздочку * и решётку #.
💡 Атрибут inputmode поддерживается современными браузерами
#html | #полезности
Атрибут inputmode говорит браузеру на устройствах с экранной клавиатурой какой набор символов показать при вводе данных в конкретное поле. Указывается для элементов <input> или <textarea>.
Важно понимать разницу между атрибутом
type и атрибутом inputmode:1. атрибут inputmode только подсказывает браузеру, какой набор символов предложить пользователю для взаимодействия с полем ввода;
2. атрибут type устанавливает тип данных, которые пользователь может ввести в поле ввода.
Вид клавиатуры отличается в зависимости от локализации устройства, используемой операционной системы или браузера.
Значения:
1. none - Не показывает виртуальную клавиатуру устройства пользователя. Может использоваться для приложения или сайта, которые предлагают свою клавиатуру.
2. text - Используется стандартная клавиатура устройства пользователя. Является значением по умолчанию, учитывает локализацию устройства пользователя.
3. numeric - Числовая раскладка клавиатуры. Чаще всего используется для полей ввода, ожидающих цифры: код доступа, номер документа, почтовый индекс и т.п.
4. decimal - Ввод дробных значений чисел с разрядами и разделителем. Для использования символа-разделителя (точка или запятая) учитывается локализация устройства пользователя.
5. tel - Ввод номера телефона на клавиатуре, которая использует числа от 0 до 9, звёздочку * и решётку #.
💡 Атрибут inputmode поддерживается современными браузерами
#html | #полезности