Html – How to make html5 slider (input type=’range’) work in Firefox

browserfirefoxhtmlrange

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?

Best Answer

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.

Related Solutions

Html – How to disable browser autocomplete on web form field / input tags

Firefox 30 ignores autocomplete="off" for passwords, opting to prompt the user instead whether the password should be stored on the client. Note the following commentary from May 5, 2014:

The password manager always prompts if it wants to save a password. Passwords are not saved without permission from the user.

We are the third browser to implement this change, after IE and Chrome.

According to the Mozilla Developer Network documentation, the Boolean form element attribute autocomplete prevents form data from being cached in older browsers.

<input type="text" name="foo" autocomplete="off" />

Html – How to make a div not larger than its contents

The solution is to set your div to display: inline-block.

Best Answer

Related Solutions

Html – How to disable browser autocomplete on web form field / input tags

Html – How to make a div not larger than its contents

Related Topic