Menu
how does one create a sliding bar using HTML? I cannot seem to find anything in the official documentation.
630
For Chrome, use -webkit-appearance: slider-vertical . For IE, use writing-mode: bt-lr . For Firefox, add an orient="vertical" attribute to the html. Pity that they did it this way.
The <input type="range"> defines a control for entering a number whose exact value is not important (like a slider control). Default range is 0 to 100. However, you can set restrictions on what numbers are accepted with the attributes below. max - specifies the maximum value allowed.
HTML5 brought a lot of new tags and new rules on how the old ones should be used. One of them is the range input element, or the slider.
HTML5 does, in fact, have support for sliders:
<input type="range" min="0" max="10" step="2" value="6">
...browsers are expected to render type="range" as a slider control. At time of writing, the latest versions of Safari, Chrome, and Opera all do this. (Sadly, the iPhone renders it as a simple text box. It doesn’t even optimize its on-screen keyboard for numeric input.) All other browsers simply treat the field as type="text", so there’s no reason you can’t start using it immediately. (diveintohtml5.ep.io)
176
You could use the JQuery UI Slider
(Yet another JavaScript question that is answered with JQuery)
3
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
