HTML5数字输入 – 显示为百分比而不是小数

我有一个包含数字输入的表单，它应该代表百分比，大致如下所示：

目前，值显示为小数，例如0.25。 如果文本字段中显示的数字显示为百分比，我认为它会更加用户友好。 我已经使用下面的jQuery代码禁用了字段上的键盘输入，所以我不担心用户输入流氓值：

 $('input[type="number"]').keypress(function (field) { field.preventDefault(); }); 

有没有简单的方法来更改数字字段以显示百分比？

谢谢！

Answer 1

我希望有两种方法可行。

如果你想要输入百分比并需要将其转换为js中的小数，那么：

在js中：

 document.getElementById('myForm').onsubmit = function() { var valInDecimals = document.getElementById('myPercent').value / 100; } 

如果情况是逆转的话：

在js中：

 document.getElementById('myForm').onsubmit = function() { var valInDecimals = document.getElementById('myPercent').value * 100; } 

Answer 2

也许添加一个函数，输出的数字（例如0.25）* 100 +“％”，这样你总是以百分数表示它。

 function topercentage() { var outputnumber = outputnumber * 100 + "%"; } 

在此示例中，outputnumber是例如0.25的数字。 我希望这有效。

Answer 3

试试吧 ：