HTML <label> for 속성

HTML <label> 태그

정의와 사용법

for 속성은 레이블이 어느 테이블 요소에 바인딩되는지 정의합니다.

은시적과 명시적 연결

태그는 다음 두 가지 방식 중 하나로 테이블 컨트롤러와 연결됩니다: 태그 내용에 테이블 컨트롤러를 포함하면 은시적 형식이 됩니다, 또는 <label> 태그 아래의 for 속성이 목표 테이블 id를 명명하면 명시적 형식이 됩니다.

예를 들어, XHTML에서:

명시적 연결:

<label for="SSN">신분증 번호：</label>
<input type="text" name="IdNum" id="IN" />

은시적 연결:

<label>생일：<input type="text" name="DofB" /></label>

첫 번째 태그는 "Social Security Number:" 텍스트와 형식이 "SocSecNum"인 입력 텍스트 컨트롤러를 명시적으로 연결하는 것입니다. for 속성의 값과 컨트롤러의 id는 모두 SSN입니다. 두 번째 태그 ("Date of Birth:")는 필요하지 않습니다. for 속성이 있으며, 관련 컨트롤러도 id 속성이 필요하지 않습니다. 이들은 <label> 태그에 <input> 태그를 넣어 은시적으로 연결되어 있습니다.

예제

세 가지 태그가 달린 단일 선택 버튼:

<form action="/action_page.php">
  <input type="radio" id="html" name="fav_language" value="HTML">
  <label for="html">HTML</label><br>
  <input type="radio" id="css" name="fav_language" value="CSS">
  <label for="css">CSS</label><br>
  <input type="radio" id="javascript" name="fav_language" value="JavaScript">
  <label for="javascript">JavaScript</label><br><br>
  <input type="submit" value="제출">
</form>

직접 시험해 보세요

문법

<label for="element_id">

속성 값

값 설명
element_id 태그에 바인딩된 요소의 id.

브라우저 지원

크롬 에지 파이어폭스 사파리 오퍼라
크롬 에지 파이어폭스 사파리 오퍼라
지원 지원 지원 지원 지원

HTML <label> 태그