带有正负数量的 HTML 表单编号字段

标签 html forms

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

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

是否有支持此功能的内置功能?还是我只需要为其编写一个脚本

非常感谢

编辑:解决方案需要允许用户在使用较旧浏览器的情况下仍然使用该页面,因为会有 IE7(甚至可能更早)的用户。

最佳答案

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

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

关于带有正负数量的 HTML 表单编号字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17082714/

相关文章:

css - NavBar 和 Search Bar 在同一行

html - 按钮 : Strange space 2. 0 中的图像(这次是 IE7)

javascript - 在 javascript 文件中使用 php

php - 如果密码输入是 Laravel 5.2 中的当前密码,则表单发布

javascript - 如何删除表单中的按钮格式以便将按钮用作切换按钮?

javascript - 输入号码 HTML5 : is there an event which triggers on every step?

javascript - Knockout 绑定(bind),JSON 数据的可重用代码

html - 如何在 HTML 中表达语义正确的分页符?

Javascript 表单验证,if 语句太多?

php - 通过 php 表单输入 mysql INT 和 DATE 的空值