使用 html 的 input 标签实现小数点的正确输入

Javascript 2021-01-24 阅读 130 评论 0

描述

使用 html 表单的 input 标签，输入价格等具有浮点数的信息时，有时候需要保留1位小数点、2位小数点或者多位小数点。我们可以使用 type="number" 属性，允许只输入数字，再结合 step 属性，就能实现小数点位数的验证。如果 input 标签是在 form 标签内部，当提交表单时，浏览器会自动验证输入的有效性，如果输入不正确，会提示错误。如：

非常方便，省去了很多 js 代码。

示例

<input type="number" name="number" step="0.1"></input>

亲手试一试 »

step="any" 允许输入任何数字。

step="1" 允许输入任何整数。

step="0.5" 允许输入 0.5、1、 1.5 ...

step="0.1" 允许输入 0.1、0.2、0.3、0.4 ...

最后更新 2021-01-24
版权
非特殊说明，本网站所有文章均为原创。如若转载，请注明出处：https://mip.cpming.top/p/a-float-input-type-in-html5
上一篇： PHP 获取 url 字符串中不包含扩展的文件名
下一篇： PHP 使用 call_user_func_array 方法引起：expected to be a reference, value given
随机主题
IDE Javascript Nginx React Native shell Java java之HttpURLConnection Php php之curl Node.js Objective C Git C# Android 跨域资源共享 黑苹果 Linux Windows 打印机驱动 视频 Mysql 其他 算法 Python
MIP.watch('startSearch', function (newVal, oldVal) { if(newVal) { var keyword = MIP.getData('keyword'); console.log(keyword); // 替换当前历史记录，新增 MIP.viewer.open('/s/' + keyword, {replace: true}); setTimeout(function () { MIP.setData({startSearch: false}) }, 1000); } }); MIP.watch('goHome', function (newVal, oldVal) { MIP.viewer.open('/', {replace: false}); });