jQuery를 모바일 슬라이더 컨트롤
슬라이더는 숫자 범위에서 값을 선택할 수 있습니다 :
슬라이더를 만들려면 사용 <input type="range"> :
예
<form method="post" action="demoform.asp">
<label for="points">Points:</label>
< input type="range" name="points" id="points" value="50" min="0"
max="100">
</form>
»그것을 자신을 시도 제한을 지정하려면 다음 속성을 사용하여
- max - 허용 된 최대 값을 지정
- min - 최소 허용 값을 지정
- step - 법적 번호 간격을 지정합니다
- value - 초기 값을 지정
팁 : 슬라이더 버튼에 값을 표시 할 경우, 추가 data-show-value="true" :
팁 : 당신이 (당신이 슬라이드로) 툴팁과 같은 화면에 팝업 추가하는 값으로하려면 data-popup-enabled="true" :
팁 : 슬라이더 값으로 트랙을 강조 추가하려면 data-highlight="true" :
플립 토글 스위치
플립 스위치는 종종에 사용되는 온 / 오프 또는 참 / 거짓 버튼 :
플립 스위치를 만들려면 사용 <input type="checkbox"> 과 지정 data-role 의 "flipswitch" :
예
<form method="post" action="demoform.asp">
<label for="switch">Flip toggle switch checkbox:</label>
<input type="checkbox" data-role="flipswitch" name="switch" id="switch">
</form> »그것을 자신을 시도 기본적으로 플립 스위치의 텍스트는 "On" 및 "Off" . 사용 data-on-text 및 data-off-text 변경할 속성 :
예
<input type="checkbox" data-role="flipswitch" name="switch" id="switch"
data-on-text="True" data-off-text="False" >
»그것을 자신을 시도 팁 : 사용 "checked" 미리 선택 할 수있는 옵션 중 하나를 설정하는 속성 :
더 예
범위 슬라이더
어떻게 사용자가 범위의 최소값과 최대 값을 지정할 수 있도록 두 개의 핸들 슬라이더를 확인한다.
스타일 플립 스위치
어떻게 플립 스위치를 넓게 만드는 방법.