<label>

정의 및 사용

<label>태그는 input요소에 라벨(이름표)을 지정할 때 사용한다.
라벨 요소는 특별히 css를 추가하지 않는 이상 브라우저에 보여지지 않으며, 사용자가 라벨 요소 안의 글자를 클릭할 때 전환되게끔 컨트롤하기 위한 역할을 한다. 이는 마우스, 키보드 사용에 편리함을 더하며 접근성에서 중요한 요소로 인식되고 있다. <label>태그의 for 속성은 관련되게 묶인 요소의 id속성과 매칭시켜 사용해야 한다.

브라우저 지원

IE6 지원IE7 지원IE8 지원IE9 지원IE10 지원Chrome 지원Firefox 지원Opera 지원Safari 지원

모든 주요 브라우저에서 지원

접근성 이슈

  • 전화번호나 주민등록번호처럼 input type=”text”가 여러 개인 label은 label 속성을 사용하지 않고 각각의 input에 title 속성을 넣어주는게 좋다.
  • 또한 전화번호나 주민등록번호 입력 칸을 굳이 나누지 않고 하나의 input 요소로 나타내는 것이 더 좋은 방법이다. 굳이 기타의 이유로 input 요소를 분리해야 한다면, 정해진 글자 수가 입력 되었을 때 자동으로 다음 input 으로 포커싱이 이동하는 것은 삼가한다. 간혹 앞의 input 폼에 잘못 입력한 글자를 수정하려고 되돌아가려고 해도 되돌아 갈 수 없는 경우게 만들어진 경우도 있으니 작업 시 주의하자.

구문

속성 값 설명
속성 설명
for element_id 라벨에 표시되는 양식폼 요소의 이름을 지정한다.
formnew form_id

예제

목록 으로

  • 김희성

    2013년 11월 21일, 10:09 오후

    [답변]

    좋은정보 감사합니다.

댓글