Javascript—表单中的增量数字

我只是想在表格中增加一个数字。这是可行的，但输入量很大，尝试调整大小时没有运气。我不想在输入框内增加/减少。将框更改为文本，可以获得正确的大小，而无需向上/向下调整。但增量不起作用

有更简单的方法吗。另外，当我把

标签放进去时，加减按钮不起作用

函数HaFunction（）{
document.getElementById（“HNumber”）.stepp（）；
}
函数HmFunction（）{
document.getElementById（“HNumber”）.steppdown（）；
}

编号：
+
-

您可以使用CSS缩小输入：

<input style="width:40px" type="number" id="HNumber" class=verd15 value="0">

---

希望这对您有所帮助

您可以编写自己的函数来增加文本输入中的数字

如果您有表单，请确保您的按钮使用

type=“button”

。默认情况下，它是

type=“submit”

，因此单击按钮将提交表单，您将重新加载页面

函数addToInput（元素、金额）{
var val=parseInt（element.value，10）| 0；
val+=金额；
element.value=val；
}
函数HaFunction（）{
addToInput（document.getElementById（“HNumber”），1）；
}
函数HmFunction（）{
addToInput（document.getElementById（“HNumber”），-1）；
}

编号：
+
-

如果将其放入

，则按钮默认为

type=“submit”

。使用

type=“button”

覆盖此选项。我得到了宽度，但它仍然保留了向上/向下的增量箭头。正如@Barmar在上面所写的那样，您可以在javascript中增加它，然后将新值填充回inputYes，直到我将输入代码放入标记中，然后所有内容都会消失。就像我前面使用的例子一样。另外，奇怪的是，formatting wise将输入放在文本的前面而不是后面。您是否像我上面建议的那样更改为

type=“button”

？无法重现格式问题，可能与CSS有关。