【问题标题】:HTML5 inputs on the Android browserAndroid 浏览器上的 HTML5 输入
【发布时间】:2011-08-19 00:26:22
【问题描述】:

iPhone 的 Mobile Safari 似乎可以识别大多数新的 HTML5 输入类型,尤其是那些详述 here 的输入类型,因此在这样声明的输入中点击:

<input type="number" id="myInput" value=""/>

呈现 iPhone 的数字小键盘。

但是,在 Android 浏览器中,点击相同的输入时会显示通常的文本键盘。

是否有针对 Android 浏览器的解决方法或可以设置的替代属性,甚至是我可以包含的库以使 android 浏览器尊重此设置?

【问题讨论】:

    标签: android html input types numbers


    【解决方案1】:

    如果您在输入元素上指定类型为“数字”,它将自动使用数字键盘打开 例子

    <input type="number" pattern="[0-9]*" name="amount_zip" value="loading.."></input>
    

    pattern 属性适用于 iPhone,

    您还可以获取有关输入的更多信息here

    【讨论】:

      【解决方案2】:

      我刚刚尝试使用 Xoom(我认为是 Honecomb)&lt;input type="number"&gt;,它确实导致数字键盘打开,这很好,但该字段似乎只允许正整数。击中“-”和“。”键盘上的键无效。添加相关的最小/最大属性或设置适当的模式似乎没有任何效果。换句话说,如果您希望键盘出现并且您的数字字段只需要为零或正整数,这将起作用。否则(浮点数、负数),您必须使用文本。

      (我意识到我没有在这里回答这个问题,我想将此作为对上一个答案的评论,但不知道如何)

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2013-01-10
        • 1970-01-01
        • 1970-01-01
        • 2013-02-02
        • 1970-01-01
        • 2013-02-19
        • 2012-03-14
        • 2012-06-21
        相关资源
        最近更新 更多