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