输入类型=“数字”,具有货币格式(千位分隔符)

功率1

这已经被无数次地询问,并且提供了很多示例,其中包含大量的JavaScript,或者将inputmodepattern属性与某些正则表达式一起使用。但是,这些功能似乎都无法与数字键盘配合使用(至少在我的iPhone上无法使用)。

因此,我的问题是:这不可能吗?(以简单的HTML5格式)

我需要<input>即时格式化的货币来编辑数字,例如:1,000,000.00或在更改国家/地区时将其更改为1 234 567,89 AND,并且出现数字键盘(对于手机很重要)。注意数千个分隔符。

布拉姆·范罗伊

今天只有HTML5无法使用。(2016年6月6日)

想要的是这样的:

<input type="text" pattern="your-pattern" inputmode="numeric">

但是,inputmode尚无任何浏览器支持。

上面的代码解释了:

  • 我们无法使用,type="number"因为该pattern类型不支持属性,因此我们使用type="text"更好的选择可能是type="tel"因为它还与数字和定界符有关。但是,我不知道它的语义含义(在SEO和实例的屏幕阅读器上)。最安全的方法是text
  • inputmode是新的,可让您指定所需的输入模式。可以想象,对移动设备特别有用

考虑到您希望即时从一种标准表示法转换为另一种标准表示法,因此您必须使用JavaScript,这样,如果您确实想使用一种number类型,就可以将其用于模式验证也许甚至还有另一个公共API通过JS控制键盘(但我对此表示怀疑,可能会导致安全问题)。

最后,和往常一样:如果您的验证很重要,请在服务器端进行验证。客户端永远不应该被信任。(即使他们有cookie。)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

有没有办法为 HTML 输入范围类型添加千位分隔符?

来自分类Dev

Html 文本框在输入千位分隔符和小数时只允许数字

来自分类Dev

输入类型编号中均使用小数点和千位分隔符

来自分类Dev

使用React Hooks的千位分隔符输入

来自分类Dev

数字格式,删除千位分隔符

来自分类Dev

使用敲除读取和写入选项输入掩膜(千位分隔符/十进制)

来自分类Dev

千位分隔符带有“/”的字符串数字格式

来自分类Dev

是否有任何PHP函数使用千位分隔符将数字转换为货币?

来自分类Dev

带有千位分隔符和十进制(如有必要)的数字格式

来自分类Dev

评估包含千位分隔符的数字

来自分类Dev

评估包含千位分隔符的数字

来自分类Dev

d3格式的数字不显示千位分隔符

来自分类Dev

是否可以在Rust中打印以千位分隔符格式化的数字?

来自分类Dev

数字格式:去除千位分隔符(逗号,引号等)

来自分类Dev

基于千位分隔符的离子+数字格式问题

来自分类Dev

用撇号将数字格式化为千位分隔符

来自分类Dev

Chart.js 2.0使用货币和千位分隔符格式化Y轴

来自分类Dev

用 格式化整数。作为千位分隔符,没有小数

来自分类Dev

是否可以使用fmt用千位分隔符格式化数字?

来自分类Dev

如何用“。”格式化数字。作为千位分隔符,以及“,”作为十进制分隔符?

来自分类Dev

如何用千位分隔符解析两个以空格分隔的数字?

来自分类Dev

R中的格式编号,带有逗号千位分隔符和指定的小数

来自分类Dev

格式化带有美元符号和千位分隔符的引导表

来自分类Dev

正则表达式有效数字带千位分隔符

来自分类Dev

正则表达式有效数字带千位分隔符

来自分类Dev

Kendo UI Angular - kendo-numerictextbox - 将年份显示为没有千位分隔符的数字

来自分类Dev

使用tidyverse将具有千位分隔符值的多个因子列转换为整数

来自分类Dev

如何使Excel普遍使用数字分组分隔符(千位分隔符)?

来自分类Dev

用千位分隔符格式化Int64

Related 相关文章

  1. 1

    有没有办法为 HTML 输入范围类型添加千位分隔符?

  2. 2

    Html 文本框在输入千位分隔符和小数时只允许数字

  3. 3

    输入类型编号中均使用小数点和千位分隔符

  4. 4

    使用React Hooks的千位分隔符输入

  5. 5

    数字格式,删除千位分隔符

  6. 6

    使用敲除读取和写入选项输入掩膜(千位分隔符/十进制)

  7. 7

    千位分隔符带有“/”的字符串数字格式

  8. 8

    是否有任何PHP函数使用千位分隔符将数字转换为货币?

  9. 9

    带有千位分隔符和十进制(如有必要)的数字格式

  10. 10

    评估包含千位分隔符的数字

  11. 11

    评估包含千位分隔符的数字

  12. 12

    d3格式的数字不显示千位分隔符

  13. 13

    是否可以在Rust中打印以千位分隔符格式化的数字?

  14. 14

    数字格式:去除千位分隔符(逗号,引号等)

  15. 15

    基于千位分隔符的离子+数字格式问题

  16. 16

    用撇号将数字格式化为千位分隔符

  17. 17

    Chart.js 2.0使用货币和千位分隔符格式化Y轴

  18. 18

    用 格式化整数。作为千位分隔符,没有小数

  19. 19

    是否可以使用fmt用千位分隔符格式化数字?

  20. 20

    如何用“。”格式化数字。作为千位分隔符,以及“,”作为十进制分隔符?

  21. 21

    如何用千位分隔符解析两个以空格分隔的数字?

  22. 22

    R中的格式编号,带有逗号千位分隔符和指定的小数

  23. 23

    格式化带有美元符号和千位分隔符的引导表

  24. 24

    正则表达式有效数字带千位分隔符

  25. 25

    正则表达式有效数字带千位分隔符

  26. 26

    Kendo UI Angular - kendo-numerictextbox - 将年份显示为没有千位分隔符的数字

  27. 27

    使用tidyverse将具有千位分隔符值的多个因子列转换为整数

  28. 28

    如何使Excel普遍使用数字分组分隔符(千位分隔符)?

  29. 29

    用千位分隔符格式化Int64

热门标签

归档