如何构建优雅降级的HTML5范围？

Question

我想将<input type='range' />HTML5用于支持它的浏览器,<select />如果没有,则降级为.我使用的Ruby-on-Rails的,所以失败的一切,我可以做些像这样在服务器端.

不过,我更喜欢通过Javascript更好地实现渐进增强的想法.如果它是JQuery,奖励积分.

Answer 1

看看Modernizr,它会告诉你是否支持范围.我相信该技术是创建一个范围输入并检查它的类型 - 如果它仍然是"范围",那么它是支持的.否则它应该报告"文本",这是其他浏览器的后备.