<input type =“number”/>并在Chrome中使用一位小数格式

时间:2012-01-27 22:21:05

标签: html5 google-chrome input

我正在使用<input type=number>我使用Javascript放置值。我想将这些数字格式化为一个小数。如果他们有任何例子,Chrome会顽固地从数字中删除尾随零。 1.0 - &gt; 1。

显然我应该设置控件的pattern属性。但是我不确定Chrome在这里接受什么样的值以及格式化数字的正确模式。

2 个答案:

答案 0 :(得分:1)

pattern用于指定用户提供的任何值应匹配的正则表达式。像pattern='[0-9]+\.[0-9]'这样的东西应该指定一个或多个数字,一个小数,然后是1位数。您可能还希望将步长设置为0.1(step=0.1)以仅强制使用1位小数。我不知道chrome是否会尊重模式和大小属性,但这就是如何指定它们。

答案 1 :(得分:0)

W3CSchools says the pattern attribute takes a regex string for the matching. 我绝不是一个正则表达的大师,but you may find an acceptable regex meeting your needs at this site.

更新:有人建议我链接到一个比原来列出的W3Schools更好的资源,所以这里有“更好”的链接,https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input

编者注意:虽然我很欣赏改善答案的情绪,并为未来的读者提供更好的资源,但我个人认为,尽管有网站的规则和政策,但在编辑时我会憎恨我的话。添加评论,添加答案,但不要编辑我的答案的整个文本,以改变我近2年前所说的内容。 ;)