移动网络 - 隐藏的数字输入答案

【问题标题】：Mobile web - hidden numerical input移动网络 - 隐藏的数字输入
【发布时间】：2011-07-12 13:34:23
【问题描述】：

您好，我正在编写一个网络应用程序（主要针对 iphone），用户必须在其中输入他们的出生日期作为登录的一部分，我需要将其设为 <input type = 'password'但是我还想启用键盘的数字部分.我通常会将类型 attr 更改为“数字”，但是因为这需要隐藏我想知道是否有另一种方法来激活数字键盘

干杯！

（ps我不想在这上面使用jquery等任何框架）

【问题讨论】：

这毫无意义。您不能在输入type=hidden 的同时输入一些内容。为什么类型必须被隐藏？为什么不能使用类型number？
对不起，我的意思是type="password"
任何合适的移动键盘始终允许访问数字。
使用数字键盘不是问题，我希望它默认为它而不是用户必须做的工作

标签： javascript html mobile-safari mobile-website mobilewebforms

【解决方案1】：

我知道这可能对原始海报没有帮助（因为我正在使用我的超级 necroposting 能力）但这是我处理问题的方式（创建一个同时具有密码屏蔽和调用数字键盘的字段），为了子孙后代：

答案很简单：

首先，为自己获取一个掩码字体（将所有字符显示为“●”的字体）。
为自己创建一个使用该字体的 CSS font-face。
使用“tel”类型 () 创建一个输入并将字体应用到它。

所以基本上，它不是真正的密码字段，而是使用将所有字符显示为“●”的字体的常规输入字段。

这里有一个可用的字体： http://www.director-online.com/dougwiki/index.php?title=Password_Font_(ttf)

干杯！

【讨论】：

【解决方案2】：

键盘类型根据输入类型触发。目前没有其他方法可以强制使用键盘类型。

【讨论】：

【解决方案3】：

这更有意义:-)

我发现了一篇（较旧的）文章 an this，其中 iPhone 使用数字键盘，如果元素名称包含：zip 或 phone：

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

我不知道这是否仍然有效，以及密码字段是否正确，但请尝试将您的字段命名为 "birthday_zip" 或类似名称，看看是否有效。

【讨论】：