[html5 css3] label for 를 이용해서 의미를 부여하고 클릭범위를 넓혀보자

사실 바쁜데 label for를 잘 안쓴다. 안써도 돌아가는데 문제는 없으니.. 그래도 써보면 좋다는 것을 느낄 수 있다.

label for를 쓰면 라벨을 클릭해도 라디오가 선택된다.

<input type="radio" id="rdo0" name="rdo0">

<label for="rdo0">당일</label>

난 여러건을 해야 되서 다음과 같이 해도 문제없이 잘 동작 하였다.

<%

for(int i=0; i<10; i++){

%>

<input type="radio" id="rdo0<%=i%>" name="rdo0<%=i%>">

<label for="rdo0<%=i%>">당일</label>

<%

}

%>