<div data-role="page"> <div data-role="content"> <form> <label for="slider1">Regular Label</label> <input type="range" name="slider1" id="slider1" value="60" min="0" max="100" /> </form> <form> <label for="slider2">Mini Label</label> <input type="range" data-mini="true" name="slider2" id="slider2" value="60" min="0" max="100" /> </form> <form> <div data-role="fieldcontain"> <label for="slider3">Fieldcontain Label</label> <input type="range" data-mini="true" name="slider3" id="slider3" value="60" min="0" max="100" /> </div> </form> <form> <label for="slider4">Data-highlight Label</label> <input type="range" name="slider4" id="slider4" value="60" min="0" max="100" data-highlight="true" /> </form> <form> <label for="slider5">Disabled label</label> <input type="range" name="slider5" id="slider5" disabled value="60" min="0" max="100" data-highlight="true" /> </form> </div> </div>