使用指定的小数点精度的step属性,您的html5数字input将接受小数。 例如。 取值10.56; 我的意思是2位小数的数字,这样做:

您可以进一步指定最大允许值的max属性。

目前,Firefox支持input所在HTML元素的语言。 例如,在Firefox中试试这个小提琴:

你会看到数字是阿拉伯数字,逗号用作小数点分隔符,阿拉伯语就是这种情况。 这是因为BODY标签被赋予了属性lang="ar-EG" 。

接下来,试试这个:

这个显示的小数点作为分隔符,因为input被封装在一个给定属性lang="en-US"的DIV 。

因此,您可能采取的解决scheme是将您的数字input封装为一个容器元素,该元素被设置为使用使用点作为小数点分隔符的文化。

根据规范 ,你可以使用any作为step属性的值:

还没有testing,但尝试使用“step”属性,如下所述:

做这样的事情:

可悲的是,在现代浏览器中这个input字段的覆盖率非常低:

因此,我build议期待回退,并依靠大量程序加载的input[type = text]来完成这项工作,直到该字段被普遍接受。

到目前为止,只有Chrome,Safari和Opera有一个整洁的实现,但所有其他浏览器是越野车。 其中一些,甚至似乎不支持小数(如BB10)!

1)51,983是一个stringtypes的数字不接受逗号

所以你应该把它设置为文本

用。。。来代替 。

并将types属性更改为数字

$(document).ready(function() { var s = $('#commanumber').val().replace(/\,/g, '.'); $('#commanumber').attr('type','number'); $('#commanumber').val(s); });

希望这能解决你的问题

我不知道这是否有帮助,但当我search这个相同的问题,我只是从input的angular度(即我注意到我的同时接受逗号和点键入值,但只有后者被绑定到我分配给input的angularjs模型)。 所以我通过记下这个快速指令来解决:

.directive("replaceComma", function() { return { restrict: "A", link: function(scope, element) { element.on("keydown", function(e) { if(e.keyCode === 188) { this.value += "."; e.preventDefault(); } }); } }; });

然后,在我的html上,简单地说: 将用逗号replace逗号以防止用户input无效(从javascript的angular度来看,不一个语言环境!)号码。 干杯。

我发现了一篇博文,似乎解释了一些相关的内容: http : //blog.isotoma.com/2012/03/html5-input-typenumber-and-decimalsfloats-in-chrome/

综上所述:

该step有助于定义有效值的域

默认的step是1

因此默认域是整数(如果给出,则在min和max之间,包括在内)

我认为这与使用逗号作为千位分隔符和逗号作为小数点的含糊之处相混淆,而您的51,983实际上是一个奇怪地被parsing的五万九千八百三十三。

显然你可以使用step="any"来扩大范围内的所有有理数的域,但是我没有尝试过。 对于经纬度我已经成功地使用了:

它可能不漂亮,但它的作品。

据我了解,HTML5 input type="number总是以string返回input.value 。

显然, input.valueAsNumber返回当前值作为浮点数。 你可以用它来返回你想要的值。

你有没有考虑过使用JavaScript呢?

$('input').val($('input').val().replace(',', '.'));

一个选项是javascript parseFloat() …从来没有parsing一个“ text chain" --> 12.3456指向一个int … 123456 (int删除点)parsing文本链到FLOAT …

发送这个坐标到一个服务器做这个发送文本链。 HTTP只发送TEXT

在客户端不用parsinginput的“ int ”,使用文本string

如果你使用php或类似的方式打印html中的线…浮动到文本并在html中打印

html怎么转换小数点,在HTML5数字input(客户端)中强制小数点而不是逗号相关推荐

  1. python小数点处理_如何在python中打小数点

    python提供了三种浮点值:内置的float与complex类型,以及标准库的decimal.Decimal类型. float类型存放双精度的浮点数,具体取值范围依赖于构建python的c编译器,由 ...

  2. html加减中间的值不能修改,在移动HTML5页面input类型采用number无法控制长度,以及右边显示难看的加减按钮...

    场景: 这是之前做的移动web控件时遇到的问题.当时在我们控件的HTML5页面需要输入卡号.CV2.手机号.验证码等信息.大家都知道这些值都是数字.普通类型的输入框,当我 们点击时,手机默认掉起的键盘 ...

  3. Java黑皮书课后题第4章:*4.14(转换字母等级为数字)编写程序,提示用户输入一个字母等级A、B、C、D或者F,显示对应的数字值4、3、2、1或者0。对其它输入,提示非法等级

    *4.14(转换字母等级为数字)编写程序,提示用户输入一个字母等级A.B.C.D或者F,显示对应的数字值4.3.2.1或者0.对其它输入,提示非法等级 题目 题目概述 运行示例 破题 代码 题目 题目 ...

  4. HTML5 的Input 类型

    HTML5 的Input 类型 一.文本类 Text,文本 Url,网络地址 Password,密码 Email,邮箱地址 二.操作类 Checkbox ,复选框 Radio,单选框 File,上传文 ...

  5. 获取小数点前面的数字

    获取小数点前面的数字 方法一:转换成字符串, 截取小数点前面的部分 Double d1 = 618.618; String str1 = d1.toString(); int index = str1 ...

  6. 将一组阿拉伯数字转换成中文大写数字

    题目大概:  将一组阿拉伯数字转换成中文大写数字  52306 ==> 伍万贰千叁百零陆 我实现了将文件中的一组数字(每行为一个数)  形如: Java代码   25364 466932300 ...

  7. html5手机端设置date,如何在移动端更好地使用HTML5 date input

    烙印99 众所周知,HTML5新增了几种input类型,比如email, number, url, range, date等.这些input类型在一定程度上方便了我们做输入限制和数据校验.但是不同的浏 ...

  8. html5 规定input域,html5中关于input用法

    ① url类型 url类型的input元素是一种专门用来输入URL地址的文本框.提交时如果该文本框中的内容不是URL地址格式的文字,则不允许提交. 非url提交时Firefox.Chrome 提示错误 ...

  9. java中实现将一个数字字符串转换成逗号分隔的数字串, 即从右边开始每三个数字用逗号分隔

    源代码如下: /*将一个数字字符串转换成逗号分隔的数字串,即从右边开始每三个数字用逗号分隔 */public static void testFenGeNumber(){String number = ...

最新文章

  1. centos远程开机的操作
  2. Java生成CRC16数据校验码
  3. AngularJs angular.bind、angular.bootstrap、angular.copy
  4. __METHOD__
  5. java ee maven_针对新手的Java EE7和Maven项目–第8部分
  6. 当margin-top、padding-top的值是百分比时,分别是如何计算的?
  7. 论文浅尝 | 用图网络做小样本学习
  8. Linux 进程后台运行
  9. Python在SQLite数据库中动态创建数据表的思路与实现
  10. 剑指offer(C++)-JZ77:按之字形顺序打印二叉树(数据结构-树)
  11. 一周年工作总结--wfdb库使用
  12. 利用iframe来做无刷新上传
  13. 通过MD5校验游戏安装文件完整性实例演示,MD5校验工具Hash使用演示
  14. golang笔记14--go 语言爬虫实战项目介绍
  15. 中文输入纠错任务整理
  16. InVEST模型(工具)下载及安装(更新中)
  17. SQL常见的一些面试题
  18. keepalived高可用
  19. 如何进入进计算机组策略,如何进入组策略?
  20. vscode代码拼写错误检测插件

热门文章

  1. 如何解决SQL Server 2008 无法连接到(local)(服务器名称)
  2. 印欧语系及文化(Indo-European and Culture)英汉双语本(中译本,中文版)
  3. ProcessDefinition是干这个用的
  4. utils.py 文件的理解:一些小脚本文件
  5. 中国家具行业投资竞争力分析与市场营销策略报告2022-2028年
  6. 计算机组成原理——CPU功能结构 指令周期 数据通路 控制器 流水线
  7. (转帖)如何成长为真正的CCIE,转自WOlf
  8. php工程师是干什么的
  9. VPB安装过程记录-20200310
  10. 如何记账?记账过程中几个实用的技巧