<div data_role="slider">

Nagłówek i stopka przyjmą stałą pozycję poprzez atrybut data-position="fixed"

    <form>
      <label for="slider-1">Slider</label>
      <input type="range" name="slider-1" id="slider-1" min="0" max="100" value="50">
         <label for="slider-10">Slider z skokiem</label>
      <input type="range" name="slider-10" id="slider-10" min="0" max="10" step=".1" value="5">
         <label for="slider-2">Slider powietlony</label>
      <input type="range" name="slider-2" id="slider-2" data-highlight="true" min="0" max="100" value="50">
         <label for="slider-4">Slider mini</label>
      <input type="range" name="slider-4" id="slider-4" data-mini="true" min="0" max="100" value="50">
         <label for="slider-12" class="ui-hidden-accessible">Slider bez okienka</label>
      <input type="range" name="slider-12" id="slider-12" min="0" max="100" value="50">
    </form>