예
레이블 세 개의 라디오 버튼 :
<form action="demo_form.asp">
<label for="male">Male</label>
<input type="radio"
name="gender" id="male" value="male"><br>
<label
for="female">Female</label>
<input type="radio" name="gender"
id="female" value="female"><br>
<label for="other">Other</label>
<input type="radio" name="gender" id="other" value="other"><br><br>
<input type="submit" value="Submit">
</form>
»그것을 자신을 시도 정의 및 사용
<label> 태그는 대한 레이블 정의 <input> 요소를.
<label> 요소는 사용자에 대한 특별한 아무것도 렌더링하지 않습니다. 사용자가 안의 텍스트를 클릭하면 때문에 그러나, 마우스 사용자의 사용성 향상을 제공 <label> 요소는 제어 전환.
는 for 의 속성 <label> 태그는 동일해야 id 그들을 함께 결합하는 관련 요소의 특성입니다.
브라우저 지원
| 요소 | |||||
|---|---|---|---|---|---|
| <label> | 예 | 예 | 예 | 예 | 예 |
팁과주의 사항
팁 : 라벨을 사용하여 하나의 요소에 결합 될 수있다 "for" 속성, 또는 내부의 요소를 배치하여 <label> 요소입니다.
HTML 4.01과 HTML5의 차이점
"form" 속성은 HTML5의 새로운 기능입니다.
속성
= HTML5의 새로운 기능.
| 속성 | 값 | 기술 |
|---|---|---|
| for | element_id | 레이블이 바인딩 된 폼 요소를 지정합니다 |
| form | form_id | 라벨에 속하는 하나 이상의 형태를 지정 |
글로벌 속성
<label> 태그도 지원 글로벌은 HTML의 속성 .
이벤트 속성
<label> 태그도 지원 이벤트는 HTML의 속성 .
관련 페이지
HTML DOM 참조 : 레이블 개체
기본 CSS 설정
대부분의 브라우저는 표시됩니다 <label> 다음과 같은 기본 값으로 요소를 :