带有加号和减号的HTML表单编号字段

我有一个基本的单字段表单，它只接受数字，默认为零。在提交之前，用户需要在其中键入一个数字，通常只有一个或两个，但最多可以是1000，我正试图通过在旁边添加一个+和-框使其更易于使用，这样就不必使用键盘

例如：

是否有支持此功能的内置功能？还是我要为它写一个脚本

非常感谢

---

编辑：如果用户使用的是较旧的浏览器，那么解决方案将需要允许用户仍然使用该页面，因为将有IE7甚至更早的用户。

您可以使用HTML5输入类型编号。不是每个浏览器都支持它，但大多数浏览器都会显示小箭头按钮来更改值。使用属性步骤定义步骤

<input type='number' size='10' id='numberinput' name='mynumber' value='0' />

---

您可以使用HTML5输入类型编号。不是每个浏览器都支持它，但大多数浏览器都会显示小箭头按钮来更改值。使用属性步骤定义步骤

<input type='number' size='10' id='numberinput' name='mynumber' value='0' />

---

因为编辑说您不想使用HTML5构造来读取数字，所以答案是除了使用文本输入字段之外，您无法在HTML中执行任何操作。只要考虑HTML，该字段将接受长度可能受限且带有maxlength属性的任何字符串

---

使用脚本，可以并且非常容易地添加增加或减少输入字段值的按钮。然而，这样的用户界面并不常见，很可能它们会混淆用户而不是帮助用户

，因为编辑说您不想使用HTML5构造来读取数字，那么答案是除了使用文本输入字段之外，您无法在HTML中做任何事情。只要考虑HTML，该字段将接受长度可能受限且带有maxlength属性的任何字符串

---

使用脚本，可以并且非常容易地添加增加或减少输入字段值的按钮。但是，这样的用户界面并不常见，很可能会让用户感到困惑，而不是帮助他

谢谢，我的问题问得不好，因为我很匆忙-我需要IE7的支持，我会编辑这个问题。可能有点过火，但Modernizer脚本应该可以帮助你。。。至少根据Chrome兼容性检查器，type='number'在旧浏览器中仍然可以作为一个普通的文本框使用。我的印象是它根本不起作用，所以谢谢！类型文本定义为所有未知类型的回退。这还用于检查javascript中是否支持某个类型。可以理解，在这种情况下，我认为最好取消编辑我的问题，因为没有编辑，问题答案是完全可以接受的。谢谢，我的问题问得不好，因为我赶时间-我需要对IE7的支持，我会编辑问题。可能有点过火，但是《现代化》剧本应该能帮你。。。至少根据Chrome兼容性检查器，type='number'在旧浏览器中仍然可以作为一个普通的文本框使用。我的印象是它根本不起作用，所以谢谢！类型文本定义为所有未知类型的回退。这还用于检查javascript中是否支持某个类型。可以理解，在这种情况下，我认为最好取消编辑我的问题，因为如果不这样做，编辑问题答案是完全可以接受的。甚至可能…：：不管怎样，我明白你的意思；许多浏览器并不支持HTML5的每一项功能。例如，Firefox21和IE9还没有做type=number，甚至可能是…：：不管怎样，我明白你的意思；许多浏览器并不支持HTML5的每一项功能。例如，Firefox 21和IE 9还没有完成type=number，谢谢你，我更希望答案是你做不到的，但这并不能阻止它成为现实！谢谢你，我希望答案不是你不能的，但这并不能阻止它成为事实！