Как открыть цифровую клавиатуру на телефоне при вводе в input type="text"?

Пользователь

от jose , в категории: HTML/CSS , 8 месяцев назад

Как открыть цифровую клавиатуру на телефоне при вводе в input type="text"?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от edyth , 7 месяцев назад

@jose 

Открытие цифровой клавиатуры на телефоне при вводе в input типа text осуществляется автоматически, когда пользователь нажимает на поле ввода на мобильном устройстве.


Однако, если вам нужно, чтобы по умолчанию отображалась именно цифровая клавиатура, то вы можете использовать атрибут pattern с регулярным выражением, ограничивающим вводимые символы. Например, если вы хотите, чтобы пользователь мог вводить только цифры, то вы можете использовать следующий код:

1
<input type="text" pattern="[0-9]*">


При этом при фокусировке на этом input поле автоматически откроется цифровая клавиатура на мобильном устройстве.