2011-11-07 23 views
15

工作,我尝试使用HTML5元素,这是如何使HTML5滑块(INPUT TYPE =“范围”)在Firefox

<input type='range' step='1' min='-300' max='-1' /> 

它应该是一个滑块。它适用于Chrome。但它在Firefox8中不起作用。 我在“html5test.com”中检查过,它说firefox 8部分支持“范围”类型。它支持“min”和“max”属性,但不支持“step”属性。然后我删除“step”属性,如

<input type='range' min='-300' max='-1' /> 

为什么它仍然不起作用?

是否有办法让它工作?

+4

发布要看到滑块组件的最新的浏览器implemation请参见http:// caniuse。 com /输入范围(它仍然不支持截至FF 15 btw) – reevesy

回答

17

这是Firefox 23之前的版本中的not supported。对于版本4及更高版本中的Javascript实现,请参阅http://frankyan.com/labs/html5slider/

根据Jonathan Watt's comment上面链接的错误报告,支持已被添加到Firefox的开发分支,并与版本23

+0

@shareef Firefox 23是目前的测试版本。如果你感兴趣的话,它的错误:https://bugzilla.mozilla.org/show_bug.cgi?id = 344618 – shanet

+1

Firefox 23现已发布,因此支持范围。有关造型信息,请参阅[文档](https://developer.mozilla.org/en-US/docs/User:Jonathan_Watt/range)。 –