当前位置: 首页 > 面试题库 >

HTML5中是否有浮点输入类型?

宗烨赫
2023-03-14
问题内容

根据html5.org的说法,“数字”输入类型的“值属性,如果指定且不为空,则必须具有一个有效浮点数的值”。

但这只是简单的(无论如何,在最新版本的Chrome中),是一个带有整数而不是浮点数的“上下”控件:

<input type="number" id="totalAmt"></input>

是否存在HTML5固有的浮点输入元素,或一种使数字输入类型适用于浮点而不是整数的方法?还是我必须使用jQuery UI插件?


问题答案:

number类型具有一个step值,该值html" target="_blank">控制哪些数字有效(以及maxmin),默认为1。此值也被实现用于步进按钮(即,按增加step)。

只需将此值更改为适当的值即可。为了赚钱,可能期望两位小数:

<input type="number" step="0.01">

min=0如果它只能是正数,我也会设置)

如果您希望允许任意数量的小数位,则可以使用step="any"(尽管对于货币,我建议坚持使用0.01)。在Chrome和Firefox中,当使用时,步进按钮将增加/减少1
any。(感谢Michal Stefanow指出的答案any,并在此处查看相关规范)

这是一个游乐场,显示了各种步骤如何影响各种输入类型:

<form>

  <input type=number step=1 /> Step 1 (default)<br />

  <input type=number step=0.01 /> Step 0.01<br />

  <input type=number step=any /> Step any<br />

  <input type=range step=20 /> Step 20<br />

  <input type=datetime-local step=60 /> Step 60 (default)<br />

  <input type=datetime-local step=1 /> Step 1<br />

  <input type=datetime-local step=any /> Step any<br />

  <input type=datetime-local step=0.001 /> Step 0.001<br />

  <input type=datetime-local step=3600 /> Step 3600 (1 hour)<br />

  <input type=datetime-local step=86400 /> Step 86400 (1 day)<br />

  <input type=datetime-local step=70 /> Step 70 (1 min, 10 sec)<br />

</form>

像往常一样,我将简要说明一下:请记住,客户端验证对用户来说只是一种便利。您还必须在服务器端进行验证!



 类似资料:
  • 根据HTML5.org,“number”输入类型的“value属性(如果指定且不为空)必须有一个有效的浮点数。” 然而,它只是一个包含整数的“向上向下”控件(反正是Chrome的最新版本),而不是浮点: null null 是否有一个HTML5本机的浮点输入元素,或者一种使数字输入类型与浮点而不是int一起工作的方法?还是必须求助于jQuery UI插件?

  • 我想要一个类型为=“number”的输入字段。(以便在移动电话上显示数字键盘)。问题是,我所有的值都是以美分为单位的:1EUR=100美分,我想显示一个逗号作为十进制分隔符(德语格式),所以onChange将把值乘以100,当呈现该值时,它被除以100。但当我输入“5”时在键入下一个数字后,“.”你会迷路的。同样的情况也发生在“,”上。 我找不到任何通过使用input type=“number”而

  • Im正在构建主要针对移动浏览器的web应用程序。Im使用数字类型的输入字段,所以(大多数)移动浏览器只调用数字键盘以获得更好的用户体验。这个web应用程序主要用于十进制分隔符是逗号而不是点的区域,所以我需要处理两个十进制分隔符。 如何用点和逗号来掩盖这一切? 我的调查结果: 桌面浏览器 输入类型=数字 用户输入4,55输入字段 返回"455" 我不能从输入得到正确的值 桌面火狐 输入类型=数字 用

  • 问题内容: 在我正在构建的网站的首页上,有几个使用CSS伪类在鼠标悬停在它们上方时添加边框。的其中一个包含,如果其中的输入具有焦点,则使用jQuery使用jQuery保留边框。除了IE6不支持s之外的任何其他元素,这都可以正常工作。因此,仅对于此浏览器,我们使用jQuery使用该方法来模仿CSS 。唯一的问题是,现在jQuery同时处理了form和,当输入具有焦点时,用户将鼠标移入和移出,边框就会

  • 根据 Java 教程,Double Wrapper 类支持 String 和 Double 作为参数。 但是我可以使用浮点参数。检查下面的代码。有人能澄清一下吗? 类测试 { } 10.5 10.5

  • 我使用HTML5验证字段。我提交的表单使用JavaScript点击按钮。但是HTML5验证不起作用。它只在输入类型为时才起作用。除了使用JavaScript验证或将类型更改为提交之外,我们还能做什么吗? 这是超文本标记语言代码: 我正在函数中提交表单。