재단 스위치
스위치를 "On"과 "꺼짐"사이를 전환에서 마우스 클릭 (도청 손가락) 상태입니다 :
사용하는 스위치 <div class="switch"> 만듭니다. <div> 내에서 고유 한 ID로 추가 <input type="checkbox"> , <label> 속성 요소가 필요 <input type="checkbox"> 일치 ID :
스위치 크기
사용 .large , .small 또는 .tiny 스위치 크기를 설정하는 클래스를 :
예
<사업부 클래스 = "큰 전환" > ... </ DIV>
<사업부 클래스 = "스위치"> ... </ DIV>
<사업부 클래스 = "작은 전환" > ... </ DIV>
<사업부 클래스 = "작은 전환" > ... </ DIV>
<사업부 클래스 = "스위치"> ... </ DIV>
<사업부 클래스 = "작은 전환" > ... </ DIV>
<사업부 클래스 = "작은 전환" > ... </ DIV>
»시도
필렛 스위치
사용 .radius 및 .round 필렛 스위치를 설정하는 클래스를 :
예
<사업부 클래스 = "스위치"> ... </ DIV>
<사업부 클래스 = "스위치 반경" > ... </ DIV>
<사업부 클래스 = "라운드 스위치" > ... </ DIV>
<사업부 클래스 = "스위치 반경" > ... </ DIV>
<사업부 클래스 = "라운드 스위치" > ... </ DIV>
»시도
스위치 군
당신은 라디오 버튼 (라디오)를 설정하여 개별 옵션을 설정할 수 있습니다. 주 : 각 옵션 참고 name 속성이 동일 (예를 들어 "MyGroup을")이어야합니다.
예
<사업부 클래스 = "스위치">
<입력 한 id = "mySwitch1"유형 = "라디오"이름 = "MyGroup을">
<레이블 = "mySwitch1"> </ 라벨>
</ DIV>
<사업부 클래스 = "스위치">
<입력 한 id = "mySwitch2"유형 = "라디오"이름 = "MyGroup을"선택>
<레이블 = "mySwitch2"> </ 라벨>
</ DIV>
<입력 한 id = "mySwitch1"유형 = "라디오"이름 = "MyGroup을">
<레이블 = "mySwitch1"> </ 라벨>
</ DIV>
<사업부 클래스 = "스위치">
<입력 한 id = "mySwitch2"유형 = "라디오"이름 = "MyGroup을"선택>
<레이블 = "mySwitch2"> </ 라벨>
</ DIV>
»시도