inputmode: подходящая экранная клавиатура
Атрибут inputmode подсказывает мобильному браузеру, какую экранную клавиатуру удобнее предложить для ввода.
Назначение
Атрибут inputmode подсказывает мобильному браузеру, какую экранную клавиатуру удобнее предложить для ввода.
Как это работает
Значения numeric, decimal, email и другие относятся к способу ввода. Они не задают формат проверки и не запрещают вставку произвольного текста. Код с ведущими нулями часто удобнее хранить строкой в input type=text.
Пример
<label for="postal">Почтовый индекс</label>
<input id="postal" name="postal" type="text" inputmode="numeric" autocomplete="postal-code">Что должно получиться
Поле остаётся текстовым и сохраняет ведущие нули. На поддерживающем устройстве браузер может показать цифровую клавиатуру без изменения семантики значения.
Граница применения и частая ошибка
Не заменяйте проверку данных атрибутом inputmode. Клавиатуры разных устройств различаются; десятичный разделитель и доступность знака минус нельзя считать одинаковыми.
Самостоятельная проверка
Введите почтовый индекс с нулём в начале. Проверьте, что значение не преобразуется в число, а затем вставьте буквы: приложение должно отдельно решать, допустимы ли они.
HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Для проверки сетевых запросов, отправки данных или функций браузера используйте отдельную локальную страницу.