【问题标题】:Is it possible to customize an input field for amounts with +- buttons?是否可以使用 +- 按钮自定义金额的输入字段?
【发布时间】:2012-02-18 21:03:16
【问题描述】:

是否可以使用 jQuery 和 CSS 来设计这样的输入字段?

我不知道从哪里开始,非常感谢任何帮助!

提前致谢!

【问题讨论】:

标签: jquery css forms


【解决方案1】:

这是基于 jQuery 的简单方法。

http://jsfiddle.net/acodesmith/aykZs/3/

按钮不实用,只是显示可以做什么。重要的部分是父 div.step 。

编辑: 更新按钮 http://jsfiddle.net/EK9vA/

【讨论】:

  • 可爱的代码。我(js)摆弄按钮。你可以看到结果here。
  • 不客气。我进一步精简了代码并提出了this。
【解决方案2】:

一些浏览器支持 HTML 5:

<input type="number" name="points" step="1" />

在这里查看演示:http://jsfiddle.net/Gsk4f/(Chrome 或 Opera)

这是一个新的 HTML 5 属性,并非所有浏览器都使用 supported

【讨论】:

  • 这很棒,但目前有点受限!
【解决方案3】:

【讨论】:

  • 看起来不错,但是为这个小东西添加另一个完整的 Javascript 框架似乎不太实用,也许有某种 jQuery 插件/扩展
  • 当你下载它时,你的每一个功能都被分隔在不同的“js”文件中,所以你只添加你想要的。例如只有这个插件大小为 6KB
  • 很酷,但我还找到了一个 jquery :view.jqueryui.com/master/demos/spinner/default.html
猜你喜欢
  • 1970-01-01
  • 2019-01-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-01-06
  • 1970-01-01
  • 2012-01-22
  • 1970-01-01
相关资源
最近更新 更多