如何在HTML中创建一个简单的微调器?或jQuery

Rod*_*aça 2 html jquery jquery-ui

可以在HTML中创建一个微调器吗?只有HTML?标签可能吗?

我的HTML:

<label for="time">Tempo:</label>
<input type="text" name="time" id="time" value="" style="width: 150px;" />
Run Code Online (Sandbox Code Playgroud)

如果没有,我们可以使用一些jquery吗?像"datepicker"之类的东西或类似的东西

$("#time").spinner({ options });
Run Code Online (Sandbox Code Playgroud)

真的很简单:D

我发现了这个,但我无法理解如何使用它.

http://docs.jquery.com/UI/Spinner/spinner

编辑:

如果我使用这个:

<label for="time">Tempo:</label>
<input type="number" name="time" id="time" value="0" style="width: 150px;" />
Run Code Online (Sandbox Code Playgroud)

(差异是输入类型)

Chrome会自动创建微调器(+ 1/-1),但firefox不会发生同样的情况(并且未在IE上测试)

为什么人们还在使用其他浏览器?!:d

Cha*_*ock 5

http://github.com/fgnass/spin.js

  • 没有图像
  • 没有外部CSS
  • 没有依赖
  • 高度可配置
  • 决议独立
  • 使用VML作为旧IE中的后备
  • 使用@keyframe动画,回退到setTimeout()
  • 适用于所有主流浏览器,包括IE6
  • 占地面积小(约1.9K gzipped)

  • 他的意思是带有向上和向下箭头的输入字段微调器,而不是加载微调器 (7认同)