根据html5.org,“number”输入类型的“value属性,如果指定且不为空,必须有一个有效浮点数的值。”
然而,它只是一个带有整数的“上下”控件(至少在最新版本的Chrome中),而不是浮动:
<输入类型=“数字” id=“totalAmt”></input>
是否有一个原生的HTML5浮点输入元素,或一种方法,使数字输入类型与浮点,而不是整数工作?或者我必须求助于jQuery UI插件?
根据html5.org,“number”输入类型的“value属性,如果指定且不为空,必须有一个有效浮点数的值。”
然而,它只是一个带有整数的“上下”控件(至少在最新版本的Chrome中),而不是浮动:
<输入类型=“数字” id=“totalAmt”></input>
是否有一个原生的HTML5浮点输入元素,或一种方法,使数字输入类型与浮点,而不是整数工作?或者我必须求助于jQuery UI插件?
当前回答
我这样做
<input id="relacionac" name="relacionac" type="number" min="0.4" max="0.7" placeholder="0,40-0,70" class="form-control input-md" step="0.01">
然后,我定义最小值在0.4,最大值在0.7,步骤0.01:0.4,0.41,0,42…0.7
其他回答
你可以使用:
<input type="number" step="any" min="0" max="100" value="22.33">
是的,这是正确答案:
step="any"
这样更有效率。相信我。
<输入类型=“数字” 步骤=“任意”>
. getelementbyid(“form1”)。addEventListener(‘提交’,函数(e) { e.preventDefault (); alert("Your nnumber is: "+document.getElementById('n1').value) 警报(“这有用吗?:)请点赞”) }) <形式id =“form1 " > <input type="number" step="any" id="n1"> <按钮类型=“提交”> > < /按钮提交 > < /形式 <!——upvote:)——>
你可以将step属性用于输入类型number:
<input type="number" id="totalAmt" 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;...
如果任何方法都不起作用,你可以使用parse float。
const totalAmt = document.getElementById("totalAmt"); totalAmt。addEventListener(“改变”,(e) = > { / / e.preventDefault (e); const result = parseFloat(e.target.value); console.log(结果) }); <input type="text" id="totalAmt" />
我这样做
<input id="relacionac" name="relacionac" type="number" min="0.4" max="0.7" placeholder="0,40-0,70" class="form-control input-md" step="0.01">
然后,我定义最小值在0.4,最大值在0.7,步骤0.01:0.4,0.41,0,42…0.7