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

标签 javascript html mobile-safari mobile-website mobilewebforms

嗨,我正在编写一个网络应用程序(主要针对 iphone),用户必须在登录时输入他们的 dob,我需要将其设置为 <input type = 'password'不过我还想启用键盘的数字部分。我通常会将类型属性更改为“数字”,但是由于需要隐藏它,我想知道是否有另一种方法来激活数字键盘

干杯!

(ps我不想在这方面使用任何框架,例如jquery)

最佳答案

我知道这可能对原始海报没有帮助(因为我正在使用我的 super 死灵发布能力),但这是我处理问题的方法(创建一个既具有密码屏蔽又调用数字键盘的字段),为了子孙后代:

答案很简单:

  1. 首先,为自己获取一种屏蔽字体(将所有字符显示为“●”)。

  2. 为自己创建一个使用该字体的 CSS 字体。

  3. 使用“tel”类型 () 创建一个输入并将字体应用于它。

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

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

干杯!

关于javascript - 移动网络 - 隐藏的数字输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5257501/

相关文章:

javascript - 是否可以使用 JavaScript 以编程方式在 iOS 移动 Safari 中的文本输入表单字段上触发语音听写?

javascript - 如何使 div 可点击但使 anchor 链接优先/取消 div 点击?

javascript - 固定位置 DIV 直到与其他元素发生碰撞

javascript - 为什么我的自定义 AngularJS 指令在选择选项中不起作用?

javascript - 如何在 Angular.js 中的 JSON 对象中返回和排列

javascript - JavaScript 游戏上的箭头键不起作用

javascript - 突出显示一个元素(或字符)但实际上复制了一个不同的词

html - 将默认类应用于所有类型的 *n*

html - 以编程方式更改 Fusion Table 卡片布局

ios - 添加显示 :inline-block to :before or :after will make webfont disappear