Question

我正在尝试使用小数点后的固定2位数字格式化结果。（：C＃中的F2）。我希望当我按箭头键时结果为1.0、2.0、3.0，... 7.0，否1、2、3，...，7。如果您能向我解释这是怎么回事，我将不胜感激。完成。

<h1>Create Game</h1>

<section>
<div>
    <form asp-action="Create" method="POST">
        <label for="name">Name</label>
        <input type="text" id="name" name="name" />

        <label for="dlc">DLC</label>
        <input type="text" id="dlc" name="dlc" />

        <label for="price">Price</label>
        <input type="number" min="0" step="any" id="price" name="price" /> 

        <label for="platform">Platform</label>
        <select name="platform">
            <option id="platform" value="PC">PC</option>
            <option id="platform" value="Mac">Mac</option>
            <option id="platform" value="PlayStation 4">PlayStation 4</option>
            <option id="platform" value="PlayStation 3">PlayStation 3</option>
        </select>

        <button class="button" type="submit">Create</button>
        <button class="button cancel" type="button" onclick="location.href='/'">Cancel</button>
    </form>
</div>

code

Answer 1

您可以使用step HTML属性。

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

请注意，这仅适用于十进制step值（不适用于1或1.0）。

如果您的step是整数值，则可以使用JavaScript操作输入值：

document.querySelector("#my-input").onchange = function(e) {
  this.value = parseFloat(this.value).toFixed(2);
};

<input id="my-input" type="number" step="1.0" value="1.0">

Answer 2

您可以使用autoNumeric插件将小数点后的两位数字固定。将autoNumeric插件下载并添加到html文件中之后，可以使用以下代码（输入类型应为 text 类型）

    <input type="text"  id="price" name="price" /> 
    <script type="text/javascript" src="js/autoNumeric.js"></script>
    <script>  
        $('#price').autoNumeric("init", {
                aDec: ".",
                aSep: ",",
                mDec: "2",
                wEmpty: "zero",
                vMin: "0.00",
                vMax: "999999999999.99"
            });
    </script>

您可以在http://mozduljra.hu/szkriptek/autonumeric/链接中找到有关autoNumeric插件的详细信息。

如何在HTML中使用小数点后两位数字精确格式化

2 个答案: