label은 element는 사용자가 input box, check box, radio button 등을 좀 더 쉽게 선택할 수 있도록 도와줍니다.
label 부분을 클릭하면 input box의 경우에는 자동으로 focus가 이동하고 check box, radio button의 경우는 자동으로 선택됩니다.
label의 for 속성의 이름과 폼요소의 id 값이 일치하게 아래와 같이 작성하면 됩니다.
|
<label for="html">HTML</label> <input name="checkinfo" type="checkbox" id="html">
<label for="css">CSS</label> <input name="checkinfo" type="checkbox" id="css"> |
아래에서 HTML과 CSS 부분을 클릭해 보면 효과를 확인할 수 있습니다.
