Начало распродаж · Скидка на доставку · Поступление новой коллекции

BELAYA KASKA / FEATURE

designАвтор: Пуск‑Медиа (импорт)Просмотры: 3

Атрибут inputmode: цифры, телефон и decimal на мобильных

Разница между `type="number"` и `inputmode="decimal"`, подводные камни для OTP и сумм.

Изображение статьи: Атрибут inputmode: цифры, телефон и decimal на мобильных

inputmode подсказывает раскладку клавиатуры, не меняя семантику поля; сочетайте с pattern и autocomplete для валидации и автозаполнения.

Для одноразовых кодов OTP часто используют inputmode="numeric" и отдельные ячейки — следите за порядком фокуса.

- [inputmode — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) — Допустимые значения и поддержка.

---

## Суммы и локали

Для денег в RU часто удобнее текстовое поле с маской и inputmode="decimal", чем type="number" с научной нотацией в некоторых браузерах.

Сервер всё равно парсит локаль-независимый формат (например, минорные единицы целым числом).

#формы#мобильный#HTML

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.