При разработке мобильных HTML-приложений, совместимых с мобильными устройствами, есть ли способ указать, что для конкретного ввода [тип = текст] разрешены только цифровые цифры?

Question

При разработке мобильных HTML-приложений для мобильных устройств можно ли указать, что для определенного input[type=text] разрешены только цифровые цифры?

Я хочу, чтобы на виртуальных клавиатурах отображались только цифры.

Есть ли способ сделать это?

Answer 1

Вы можете использовать атрибут pattern=[0-9].Это логичный способ указать, что разрешены только цифры.Браузеры могут или не могут принять это во внимание в своем пользовательском интерфейсе;в настоящее время они не.

Использование type=number указывает, что входные данные должны быть числовыми, и это влияет на некоторые браузеры на мобильных устройствах.Но не предполагается, что данные будут ограничены цифрами (числа могут содержать и другие символы).Более или менее ожидается создание элемента управления «spinbox», и в некоторых браузерах, таких как Chrome, он уже это делает.

Важным вопросом является то, какие данные должно содержать поле.*

Answer 2

С HTML5, да.

<input type="number" name="n">

Вот ссылка со всеми новыми типами для ввода; http://www.petefreitag.com/item/768.cfm

Answer 3

Да, братан <input type="number"> Вот полный список всех типов ввода. http://javacourseblog.blogspot.in/2013/12/how-to-make-user-friendly-interface-for.html

Answer 4

В HTML5 вы можете установить атрибут type="number".
Вот тестовая страница для мобильного телефона.
Вот спецификация.

Answer 5

Я думаю, что последние мобильные версии WebKit поддерживают тип ввода HTML5 <input type="number"> - см. http://caniuse.com/#feat=forms.

Хотя браузер каждого устройства должен решить, какой интерфейс отображать, нет никакого способа гарантировать, что пользователи смогут только вводить цифры. Ссылка в ответе @ OnResolve содержит скриншоты того, что различные iPhone и Android-телефоны делают с ним.