참조 - 삶의 조각들
슬라이더는 볼륨 조절 장치처럼 좌우로 조절할 수 있는 UI이다. jQuery Mobile 은 range 양식을 슬라이더로 만들어 준다.
슬라이더의 min 속성은 최소값, max 속성은 최대값을 지정한다. 슬라이더 조절바의 색상은 date-theme="e" 속성 값을 조정해서, 트랙 색상은 data-track-theme="b" 속성을 조정해서 변경할 수 있다.
<div data-role="fieldcontain">
<label for="amount">Range :</label>
<input id="amount" type="range" name="amount" min="0" max="100" value="50" data-theme="e"data-track-theme="b" />
</div>
