Input Radio 기본 Radio1 Radio2 Radio3 코드보기 <label> <input type="radio" name="radio1" checked> Radio1 </label> <label> <input type="radio" name="radio1"> Radio2 </label> <label> <input type="radio" name="radio1"> Radio3 </label> 디자인기본 Radio1 Radio2 Radio3 코드보기 <label class="nd-radio"> <input type="radio" name="radio2" checked> <span class="nd-checked">Radio1</span> </label> <label class="nd-radio"> <input type="radio" name="radio2"> <span class="nd-checked">Radio2</span> </label> <label class="nd-radio"> <input type="radio" name="radio2"> <span class="nd-checked">Radio3</span> </label> 디자인그룹 Radio1 Radio2 Radio3 코드보기 <div class="nd-group"> <label class="nd-radio"> <input type="radio" name="radio3" checked> <span class="nd-checked">Radio1</span> </label> <label class="nd-radio"> <input type="radio" name="radio3"> <span class="nd-checked">Radio2</span> </label> <label class="nd-radio"> <input type="radio" name="radio3"> <span class="nd-checked">Radio3</span> </label> </div> 디자인색상 Primary Radio Primary Radio Success Radio Warning Radio Dark Radio Pink Radio 코드보기 <div class="nd-group"> <label class="nd-radio"> <input type="radio" checked> <span class="nd-checked">Primary Radio</span> </label> <label class="nd-radio radio-primary"> <input type="radio" checked> <span class="nd-checked">Primary Radio</span> </label> <label class="nd-radio radio-success"> <input type="radio" checked> <span class="nd-checked">Success Radio</span> </label> <label class="nd-radio radio-warning"> <input type="radio" checked> <span class="nd-checked">Warning Radio</span> </label> <label class="nd-radio radio-dark"> <input type="radio" checked> <span class="nd-checked">Dark Radio</span> </label> <label class="nd-radio radio-pink"> <input type="radio" checked> <span class="nd-checked">Pink Radio</span> </label> </div> 디자인버튼 Radio1 Radio2 Radio3 코드보기 <div class="radio-group"> <input type="radio" name="radio4" id="radio41" checked> <label for="radio41">Radio1</label> <input type="radio" name="radio4" id="radio42"> <label for="radio42">Radio2</label> <input type="radio" name="radio4" id="radio43"> <label for="radio43">Radio3</label> </div>
Input Checkbox 기본 Checkbox1 Checkbox2 Checkbox3 코드보기 <label> <input type="checkbox" name="checkbox1" checked> Checkbox1 </label> <label> <input type="checkbox" name="checkbox1"> Checkbox2 </label> <label> <input type="checkbox" name="checkbox1"> Checkbox3 </label> 디자인기본 Checkbox1 Checkbox2 Checkbox3 코드보기 <label class="nd-checkbox"> <input type="checkbox" name="checkbox2" checked> <span class="nd-checked">Checkbox1</span> </label> <label class="nd-checkbox"> <input type="checkbox" name="checkbox2"> <span class="nd-checked">Checkbox2</span> </label> <label class="nd-checkbox"> <input type="checkbox" name="checkbox2"> <span class="nd-checked">Checkbox3</span> </label> 디자인그룹 Checkbox1 Checkbox2 Checkbox3 코드보기 <div class="nd-group"> <label class="nd-checkbox"> <input type="checkbox" name="checkbox3" checked> <span class="nd-checked">Checkbox1</span> </label> <label class="nd-checkbox"> <input type="checkbox" name="checkbox3"> <span class="nd-checked">Checkbox2</span> </label> <label class="nd-checkbox"> <input type="checkbox" name="checkbox3"> <span class="nd-checked">Checkbox3</span> </label> </div> 디자인색상 Primary Checkbox Primary Checkbox Success Checkbox Warning Checkbox Dark Checkbox Pink Checkbox 코드보기 <div class="nd-group"> <label class="nd-checkbox"> <input type="checkbox" checked> <span class="nd-checked">Primary Checkbox</span> </label> <label class="nd-checkbox check-primary"> <input type="checkbox" checked> <span class="nd-checked">Primary Checkbox</span> </label> <label class="nd-checkbox check-success"> <input type="checkbox" checked> <span class="nd-checked">Success Checkbox</span> </label> <label class="nd-checkbox check-warning"> <input type="checkbox" checked> <span class="nd-checked">Warning Checkbox</span> </label> <label class="nd-checkbox check-dark"> <input type="checkbox" checked> <span class="nd-checked">Dark Checkbox</span> </label> <label class="nd-checkbox check-pink"> <input type="checkbox" checked> <span class="nd-checked">Pink Checkbox</span> </label> </div> 디자인버튼 Checkbox1 Checkbox2 Checkbox3 코드보기 <div class="checkbox-group"> <input type="checkbox" name="checkbox4" id="checkbox41" checked> <label for="checkbox41">Checkbox1</label> <input type="checkbox" name="checkbox4" id="checkbox42"> <label for="checkbox42">Checkbox2</label> <input type="checkbox" name="checkbox4" id="checkbox43"> <label for="checkbox43">Checkbox3</label> </div>