참조 - 삶의 조각들
플립 토글(Flip Toggle)은 한쪽으로 밀어서 선택하도록 하는 UI이다. 주로 on/off 와 같이 둘 중 하나를 선택하는 경우에 사용될 수 있다. jQuery Mobile은 <select>태그에 data-role="slider" 속성을 추가해서 플립 토글 버튼을 만든다. 단, 이때 <option>은 두개만 지정해야 한다.
<div data-role="fieldcontain">
<label for="onoff">On/Off :</label>
<select id="onoff" name="onoff" data-role="slider">
<option value="off">OFF</option>
<option value="on" selected>ON</option>
</select>
</div>
<select data-role="slider">에 사용할 수 있는 data-* 속성
data-* 속성 | 설명 | 값 |
data-theme | 체크박스 테마 | swatch letter (a-z) |
data-track-theme | 트랙 테마 (off 테마) | swatch letter (a-z) |