이 LABEL 태그를 잘 활용하면 라디오 버튼, 체크 박스, 입력 상자 등의 폼 컨트롤을
직접 선택하지 않고 텍스트만 눌러도 폼 요소가 선택이 되는 효과를 나타낼 수 있습니다.
LABEL 태그는 일반적으로 잘 사용하지 않는 태그 중 하나입니다.
테스트결과 ie에서 동작합니다.
파폭이나 오페라에서도 동일한 효과를 나타내려면 어떻게 해야할까요?^^
제가 생각하는 label 태그를 이용하면 ie에서나마 웹접근성이 높아지는 효과를 볼 수 있는거 같습니다..
label 미지정:
<input type="radio" name="link" value="home" > 홈으로 이동하기
label 지정:
<input type="radio" name="link" value="home" id="홈으로 가기">
<label for="홈으로 가기">홈으로 가기</label>
출처 : 하코사 나나님
반응형
'Web story > Html' 카테고리의 다른 글
파일객체의 찾아보기 버튼을 이미지로 (0) | 2008.07.23 |
---|---|
탭목록 최소이미지 간단작업 (0) | 2008.05.07 |
a 태그의 사용성과 접근성. (0) | 2008.05.07 |
DTD에 따른 FIELDSET & LEGEND 요소 사용법. (0) | 2008.05.07 |
브라우져 화면의 100% 높이를 유지하는 레이아웃 (0) | 2008.05.07 |