Edit in JSFiddle

<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>