Мобильный интернет - скрытый цифровой ввод

Question

Привет, я пишу веб-приложение (в основном для iphone), где пользователь должен ввести свою учетную запись как часть входа в систему, мне нужно, чтобы это было <input type = 'password', однако я также хочу включить числовую часть клавиатуры , Обычно я изменял бы тип attr на «число», однако, поскольку это нужно скрыть, я подумал, есть ли другой способ активировать цифровую клавиатуру

Ура! * * 1004

(ps я не хочу использовать какие-либо фреймворки, такие как jquery для этого)

Answer 1

Я знаю, что это, вероятно, не поможет оригинальному постеру (так как я использую свои супер-некропостные способности), но вот как я справился с проблемой (создание поля, в котором есть как маскировка пароля, так и вызов цифровой клавиатуры), ради будущих поколений:

Ответ очень прост:

1. Прежде всего, выберите себе маскирующий шрифт (отображающий все символы как «●»).

2. Создайте себе шрифт CSS, который использует этот шрифт.

3. Создайте ввод с типом "tel" () и примените к нему шрифт.

Таким образом, на самом деле это не поле пароля, а обычное поле ввода, в котором используется шрифт, в котором все символы отображаются как «●».

Вот подходящий шрифт: * ** 1 022 тысяча двадцать-один * -online.com / dougwiki / index.php? Название = Password_Font_ (TTF)

Ура!

Answer 2

Это имеет гораздо больше смысла: -)

Я нашел (более старую) статью об этом, где iPhone использует цифровую клавиатуру, если имя элемента содержит: zip или phone:

http://www.bennadel.com/blog/1197-Defaulting-To-The-Numeric-Keyboard-On-The-iPhone.htm

Я понятия не имею, работает ли это по-прежнему и верно ли это для полей пароля, но попробуйте назвать свое поле "birthday_zip" или что-то подобное, и посмотрите,это работает.

Answer 3

Тип клавиатуры срабатывает в зависимости от типа ввода.В настоящее время нет другого способа заставить тип клавиатуры использовать.