label 요소

정의

label(caption for a form control); label 요소는 사용자 인터페이스에서 캡션을 나타냅니다.

마크업 규칙

Flow Interactive Metadata Phrasing Embedded Heading Sectioning

  • label 요소는 플로우 컨텐츠, 구문 컨텐츠, 대화형 컨텐츠에 속합니다.
  • label 요소는 구문 컨텐츠의 위치에 사용할 수 있습니다.
  • 자식 요소로 구문 컨텐츠를 포함할 수 있습니다
  • 하지만 그러한 것들은 자손으로 레이블을 붙일 수 있는 폼 연관 요소를 포함할 수 없는데, label 요소가 가리키는 컨트롤이며 다른 label 자손요소를 포함하지 않았다면 그러한 경우는 예외입니다.
  • 사용자의 캡션은 특정한 폼 컨트롤에 연결될 수 있습니다. for 속성을 사용하거나, 또는 컨트롤을 label 요소 내부로 이동시키는 방법을 사용할 수 있습니다.

기본 문법은 다음과 같습니다. 데모

<p><label>방문날짜 : <input name=intime> <small>표시규칙 : 년/월/일 </small></label></p>

속성

속성명 설명
전역 속성 공통 속성
form 연결되는 특정 form 요소를 정의합니다.
for(label) 연결되는 form 컨트롤의 id 속성 값을 정의합니다.

메모

HTML4/XHTML1과의 차이점, 접근성, 보충 내용 그리고 편집자 의견 등을 포함하고 있습니다.

  • for 속성을 사용해서 폼 컨트롤을 캡션과 연결할 수 있습니다. 속성의 값은 레이블을 붙일 수 있는 폼 관련 요소의 ID여야 하고, label 요소와 같은 Document에 속해야 합니다.
  • form 속성은 label 요소와 그 폼 소유자를 명시적으로 연결하기 위하여 사용됩니다.

참조

기준 명세를 바탕으로 명세 번역과 레퍼런스 제작이 이루어졌습니다. 최근 내용은 최신 명세를 확인해 주세요.

관련 요소

 
html5/element/label.txt · 마지막 수정: 2013/11/19 13:35 (외부 편집기)
이 레퍼런스는 클리어보스가 제작/운영하고 있으며, 다음의 라이센스를 따릅니다 :CC 저작자표시-비영리-동일조건변경허락 2.0
Recent changes RSS feed World Wide Web Consortium Driven by DokuWiki