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

时间:2013-06-13 08:38:11

标签: html forms

我有一个基本的,一个字段形式,只接受数字,默认为零。用户需要在提交之前在其中键入一个数字,通常只有一个或两个,但最多可以达到1000个,并且我试图通过添加 + 来使其更加用户友好旁边有 - 框,因此无法使用键盘。

例如: Text Box Example http://www.performwheels.co.uk/publicsite/images/eg.jpg

是否有内置功能支持此功能?或者我只是要为它写一个script

非常感谢

编辑:如果用户拥有较旧的浏览器,解决方案将需要允许用户仍然使用该页面,因为将有IE7(甚至可能更早)的用户。< / p>

2 个答案:

答案 0 :(得分:7)

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

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

答案 1 :(得分:1)

由于编辑说您不想使用HTML5构造来读取数字,因此答案是除了使用文本输入字段之外,您无法在HTML中执行任何操作。就HTML而言,此类字段将接受任何字符串(可能受maxlength属性限制)。

使用脚本,可以(而且非常简单)添加增加或减少输入字段值的按钮。然而,这样的用户界面并不常见,并且很可能他们会混淆用户而不是帮助他