代码之家  ›  专栏  ›  技术社区  ›  Peter Smit

在移动Web窗体中强制使用数字

  •  3
  • Peter Smit  · 技术社区  · 14 年前

    我有一个简单的网络表单,目标是Opera Mini和Opera Mobile。我只使用一个html输入元素。

    现在我想限制元素只有整数。有没有办法在这个浏览器中强制执行这一点(甚至可能手机在输入表单时会打开它的号码模式)?

    如果我想允许漂浮,那有什么可能吗?

    3 回复  |  直到 12 年前
        1
  •  1
  •   dsas    14 年前

    你应该能够使用“数字”输入类型,这是HTML5规范的一部分。我不确定Opera是否会自动显示数字键盘,但iPhone至少会……

        2
  •  1
  •   Sean Owen    14 年前

    在xhtml basic中,您可以使用 inputmode="digits" 对你 <input> 完成此任务的标记。它应该在支持HTML5机制的移动浏览器上得到更广泛的支持。

        3
  •  1
  •   Ivy    12 年前
    <input type='tel' /> 
    

    将在android、wp8和iphone默认浏览器以及android的chrome浏览器上打开一个数字键盘。在我的android浏览器上,非数字字符在blur上被去除。

    <input type='number' /> 
    

    对漂浮物应该很有效。在我的两个android浏览器上,它也会自动删除blur上的前导零。