【问题标题】:Android html5 input type="password" and numeric keyboardAndroid html5 输入 type="password" 和数字键盘
【发布时间】:2014-08-25 11:03:43
【问题描述】:

我的任务是设计一个适用于 Android 和 iOS 的网页,您应该在其中输入您的信用卡信息。

我无法获取安全码字段以在 Android 中打开数字键盘。

这是我最近的一次。它适用于 iOS,但不适用于 Android。

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

我可以做的事情非常有限:

  • 没有 Javascript,只有 HTML 和 CSS 修改。
  • 输入类型必须是密码

是否可以在Android中获得密码输入字段以打开数字键盘?

【问题讨论】:

    标签: android html css


    【解决方案1】:

    不幸的是,纯粹在 html 和 css 中似乎不可能做到这一点。

    但是对于 webkit 浏览器,您可以使用 text-security 属性:

    input[type=number] {
        -webkit-text-security: disc;
    }
    

    然后只使用数字类型(是的,我读过你不能使用它):

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

    【讨论】:

    • safari 和 chrome 都基于 webkit。所以这个解决方案适用于 Ios 和 Anroid
    • 我认为-webkit-text-security 与我想要的相反。我想要一个type=password 字段给我一个数字键盘。我是不是误会了什么?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-05-14
    • 2014-04-22
    • 2013-07-20
    • 2014-05-07
    • 1970-01-01
    相关资源
    最近更新 更多