【发布时间】:2018-07-29 06:59:48
【问题描述】:
我的 HTML5 网页上有一个如下文本字段 -
<input type="text" pattern="[0-9]*" inputmode="numeric">
请注意,我无法更改标记中的type 属性。
当用户触摸移动设备上的文本字段时,我希望显示一个数字小键盘而不是字母数字小键盘。
我通过使用pattern 属性为iOS 实现了这一点。有没有办法为android实现这个?
提前致谢!
【问题讨论】:
我的 HTML5 网页上有一个如下文本字段 -
<input type="text" pattern="[0-9]*" inputmode="numeric">
请注意,我无法更改标记中的type 属性。
当用户触摸移动设备上的文本字段时,我希望显示一个数字小键盘而不是字母数字小键盘。
我通过使用pattern 属性为iOS 实现了这一点。有没有办法为android实现这个?
提前致谢!
【问题讨论】:
据我了解,您正在构建一个 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 在文档就绪时将“文本”替换为“数字”。
【讨论】:
$("#my_input_field").attr("type", "number");