HTML中的数字上下?

时间:2012-05-06 18:18:54

标签: javascript jquery html

HTML中是否有数字上下?

3 个答案:

答案 0 :(得分:38)

使用HTML5 <input type="number"/>

更多阅读Dive Into HTML5When can I use Number input type?

上的浏览器兼容性表格

答案 1 :(得分:2)

那里有很多数字步进器。寻找“数字步进器”或“数字微调器”。

http://xflatlinex.github.io/Numeric-Stepper/

答案 2 :(得分:1)

将标记inputtype="number"

一起使用
<input type="number">

以下是有关如何使用NumericUpDown的使用示例:

document.getElementById("square").addEventListener("click", function() {
  var result = document.getElementById("result");
  var nudMax = document.getElementById("max").value;

  result.innerHTML = nudMax * nudMax;
});
<label for="max">Max</label>
<input id="max" type="number">

<button id="square">Square</button>

<br>

<label for="result">Result:</label>
<output id="result"></output>