<라벨>

HTML <label> Label

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p>点击其中一个文本标签选中选项：</p>

<form action="demo_form.phpp">
  <label for="male">Male</label>
  <input type="radio" name="sex" id="male" value="male"><br>
  <label for="female">Female</label>
  <input type="radio" name="sex" id="female" value="female"><br><br>
  <input type="submit" value="提交">
</form>

</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

브라우저 지원

가장 많이 본 지금까지 브라우저는 <label>

레이블 정의 및 사용 지침

<label> 레이블은 입력 요소에 대한 레이블(마크)을 정의합니다.

label 요소는 사용자에게 특별한 효과를 제공하지 않습니다. 그러나 마우스 사용자의 유용성은 향상됩니다. 이 컨트롤은 레이블 요소 내부의 텍스트를 클릭하면 트리거됩니다. 즉, 사용자가 레이블을 선택하면 브라우저는 자동으로 레이블과 관련된 양식 컨트롤로 초점을 돌립니다.

<label> 라벨의 for 속성은 관련 요소의 id 속성과 동일해야 합니다.

팁 및 메모

팁:"for" 속성은 라벨을 다른 요소에 바인딩할 수 있습니다. "for" 속성값을 해당 요소의 id 속성값으로 설정해주세요.

HTML 4.01과 HTML5의 차이점

"form" 속성은 HTML5의 새로운 속성입니다.

Attributes

New: HTML5의 새로운 속성.

속성	값	설명
for	element_id	은 레이블이 바인딩되는 양식 요소를 지정합니다.
formNew	form_id	레이블 필드가 속한 하나 이상의 양식을 지정합니다.

전역 속성

<label> 라벨은 전역 속성을 지원합니다. 전체 속성 테이블 HTML 전역 속성을 확인하세요.

이벤트 속성

<label> 라벨은 모든 HTML 이벤트 속성을 지원합니다.