【问题标题】:Force numeric keypad when input type = "text"输入类型=“文本”时强制使用数字键盘
【发布时间】:2018-07-29 06:59:48
【问题描述】:

我的 HTML5 网页上有一个如下文本字段 -

<input type="text" pattern="[0-9]*" inputmode="numeric">

请注意,我无法更改标记中的type 属性。 当用户触摸移动设备上的文本字段时,我希望显示一个数字小键盘而不是字母数字小键盘。

我通过使用pattern 属性为iOS 实现了这一点。有没有办法为android实现这个?

提前致谢!

【问题讨论】:

    标签: android html ios input


    【解决方案1】:

    据我了解,您正在构建一个 HTML 表单,并且您希望移动浏览器显示数字键盘而不是完整的键盘?正确的 HTML 语法(检查 https://www.w3schools.com/html/html_form_input_types.asp)是:

    Input Type Number 定义一个数字输入 场地。您还可以对接受的数字设置限制。这 以下示例显示一个数字输入字段,您可以在其中输入 一个从 1 到 5 的值:

    <form>
      Quantity (between 1 and 5):
      <input type="number" name="quantity" min="1" max="5">
    </form>
    

    现在如果它是一个 Android 表单,你可以输入:android:inputType="numberDecimal" 例如。

    您说您不能/不想使用“数字”而不是“文本”属性,但我真的认为您应该使用需要的属性。也许您可以修改您的代码以适应具有“数字”属性的输入字段,或者使用 jQuery 在文档就绪时将“文本”替换为“数字”。

    【讨论】:

    • 我明白正确的方法是使用输入类型="number"。但我有一个约束,我不能更改输入类型
    • 你试过用javascript/jQuery改变属性吗:$("#my_input_field").attr("type", "number");
    猜你喜欢
    • 1970-01-01
    • 2020-07-02
    • 2016-10-18
    • 1970-01-01
    • 2014-05-07
    • 1970-01-01
    • 1970-01-01
    • 2017-07-31
    • 2015-08-23
    相关资源
    最近更新 更多