How do I make html5 slider (input type='range') work in Firefox

15
votes

I try to use html5 element, which is

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

It is supposed to be a slider. It works in Chrome. But it does not work in Firefox8. I checked that in "html5test.com", it says firefox 8 partially supports the "range" type. It supports "min" and "max" attribute, but not "step" attribute. Then I erase the "step" attribute, like

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

Why it still does not work?

Is any way to let it work?

1
htmlfirefoxbrowserrange
To see the latest browser implemation of the slider component see caniuse.com/input-range (Its still not supported as of FF 15 btw) – reevesy

1 Answers

17
votes

This is not supported in Firefox before version 23. For a Javascript implementation in versions 4 and up, please see http://frankyan.com/labs/html5slider/ .

According to Jonathan Watt's comment on the bug report linked above, support has been added to the Firefox development branch and was released with version 23.