HTML <label> tag

<label> 태그를 이용하면 <input> 태그에 대해 접근성(?)이 아주 좋다 !!!
예를 들면 <label> 태그의 'for'속성과 <input> 태그의 'id'와 매칭시켜 사용하면
<label> 태그 안의 내용을 클릭하면 <input> 태그를 클릭한거와 같은 이벤트가 일어난다.

-radio example

<input type="radio" name="ex" id="one"><label for="one">첫번째 라디오</label>
<input type="radio" name="ex" id="two"><label for="two">두번째 라디오</label>

-radio output
첫번째 라디오
두번째 라디오



-checkbox example

<input type="checkbox" name="checkbox1" id="checkbox1"><label for="checkbox1">첫번째 체크박스</label>
<input type="checkbox" name="checkbox2" id="checkbox2"><label for="checkbox2">두번째 체크박스</label>

-checkbox output
첫번째 체크박스두번째 체크박스



'accesskey'이란 속성도 있다! (ie만 되나..;;)

-text example

<label for="text1" accesskey="U">click or ALT + U : </label>
<input type="text" name="text1" id="text1">

-text output
click or ALT + U :