Question

我刚刚开始学习如何仅为乐趣而编写网站代码。我对HMTL和CSS很好，但是我很难理解JS。

作为一个学习项目，我正在研究一个简单的单位计算器。我正在使用数字输入栏，我希望用户输入限制为小数点后2位，结果显示（相同的条，但来自不同功能的输入也将限制为小数点后2位）。

我知道很多人在这里问这个问题，但是由于我是新手，所以我无法使这些示例正常工作。如果可能的话，我想请教您。

非常感谢。

这是HTML：

<form action="" method="" name="vform">
 <input type ="number" min="0" max="10000000" 
  placeholder="PEEM it!" value="" id="footbar"  />
  <div id="foot2">
   <li class="foot" alt="foot"  title="FOOT (ft)" onclick="runfoot()"><a  
     href=""></a></li>

Answer 1

您可以在数字变量上调用.toFixed（2），将其转换为小数点后两位的字符串。

x = 3.35563637;
y = x.toFixed(2);
y === "3.36"
+y === 3.36

Answer 2

尝试将step="0.01"添加到您的数字输入中，如下所示：

<form action="" method="" name="vform">
  <input type ="number" min="0" max="10000000" placeholder="PEEM it!" value="" id="footbar" step="0.01"/>
  <div id="foot2">
   <li class="foot" alt="foot"  title="FOOT (ft)" onclick="runfoot()"><a href=""></a></li>

如何将小数点后的位数限制为2？

2 个答案: