T
True Frontender
@truefrontender986 подп.
587просмотров
59.5%от подписчиков
13 октября 2025 г.
Score: 646
Привет 👋 Разберём полезный и редко используемый атрибут inputmode. Он говорит браузеру, какую клавиатуру показывать на мобильных устройствах при вводе данных. Пример: <input type="text" inputmode="numeric" placeholder="Введите номер телефона" /> Пользователь увидит цифровую клавиатуру, хотя поле обычное текстовое. Доступные значения inputmode 1. text — обычная клавиатура 2. none — клавиатура не показывается 3. tel — клавиатура с цифрами и символами телефона 4. numeric — только цифры 5. decimal — цифры и точка 6. email — клавиатура с @ и . 7. url — клавиатура с / и . 8. search — клавиатура для поиска с кнопкой “Поиск” Когда использовать - Для полей, где нужно показать пользователю подходящую клавиатуру для ввода - Особенно полезно для номеров, кодов, адресов и поиска Разница между type и inputmode inputmode отвечает только за то, какую клавиатуру показать пользователю, а type определяет, какие данные реально можно ввести. #HTML #BestPractices
587
просмотров
963
символов
Нет
эмодзи
Нет
медиа

Другие посты @truefrontender

Все посты канала →
Привет 👋 Разберём полезный и редко используемый атрибут inp — @truefrontender | PostSniper