TAGS

Public Notification
  • account_tree
  • bug_report

<label>

사용자 인터페이스 항목의 이름 또는 설명을 나타낸다.

  • 콘텐츠 분류

  • 허용된 부모 요소 또는 위치

    PHRASING CONTENT

    구문 콘텐츠(phrasing-content)가 예상되는 위치

  • 콘텐츠 모델

    PHRASING CONTENT

    요소의 레이블이 지정된 컨트롤이 아닌 경우 레이블이 지정된 다른 하위 요소가 없고 하위 <label> 요소도 없다. 레이블이 지정된 컨트롤 이외의 레이블이 가능한 요소는 허용되지 않는다.

  • 태그 생략

    시작 태그, 종료 태그 모두 작성

  • DOM Interface

    HTMLLabelElement

    [Exposed=Window]
    interface HTMLLabelElement : HTMLElement {
      [HTMLConstructor] constructor();
    
      readonly attribute HTMLFormElement? form;
      [CEReactions] attribute DOMString htmlFor;
      readonly attribute HTMLElement? control;
    };

설명

<a>로 <label>을 감싸면 a 요소의 기본 링크 연결이 작동하지 않는다. 반대로 <label>로 <a>를 감싸면 label 요소에게 연결된 요소의 동작이 발생하지 않는다.

구문

마크업 형식
<label></label>
Example

애트리뷰트

for 

레이블과 연결할 컨트롤 요소의 id를 지정한다.

for 애트리뷰트가 지정되지 않았지만 <label> 요소의 하위에 레이블이 가능한 요소가 있는 경우 트리 순서에서 첫 번째 하위 요소는 <label> 요소의 레이블이 지정된 것으로 처리된다.

사용 예

글로벌 애트리뷰트

일부 글로벌 애트리뷰트는 이 요소에서 사용되지 않을 수 있다.

글로벌 이벤트 핸들러

일부 글로벌 이벤트 핸들러는 이 요소에서 사용되지 않을 수 있다. 이벤트 등록은 자바스크립트 사용을 권장한다.

버전 명세

HTML Standard
#the-label-element

지원 웹브라우저