是否可以在 HTML 中创建微调器?只有 HTML?也许是一个标签?
我的 HTML:
<label for="time">Tempo:</label>
<input type="text" name="time" id="time" value="" style="width: 150px;" />
如果不能,我们可以使用一些 jquery 吗?像“日期选择器”之类的东西 或者像这样
$("#time").spinner({ options });
一些非常简单的东西: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;" />
(区别在于输入类型)
Chrome 会自动创建微调器 (+1/-1),但 firefox 不会发生同样的情况(并且未在 IE 上测试)
为什么人们还在使用其他浏览器?! :D
最佳答案
http://github.com/fgnass/spin.js
- 没有图片
- 没有外部 CSS
- 无依赖
- 高度可配置
- 独立于分辨率
- 在旧 IE 中使用 VML 作为后备
- 使用@keyframe 动画,回到 setTimeout()
- 适用于所有主流浏览器,包括 IE6
- 占用空间小(gzipped ~1.9K)
关于jquery - 如何在 HTML 中创建一个简单的微调器?或者 jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10431358/