집 > 기사 > 라벨 라벨의 기능은 무엇입니까?

라벨 라벨의 기능은 무엇입니까?

coldplay.xixi원래의: 2020-12-14 09:52:2638927검색

라벨 라벨의 목적은 마우스 사용자의 사용성을 향상시키는 것입니다. 사용자가 [] 라벨의 텍스트를 클릭하면 브라우저는 자동으로 라벨과 연결된 컨트롤로 포커스를 전환합니다.

라벨 라벨의 기능은 무엇입니까?

이 기사의 운영 환경: windows10 시스템, html5, thinkpad t480 컴퓨터.

라벨 라벨의 기능:

1. 라벨의 정의 및 사용법

HTML에서 라벨은 일반적으로 라벨은 입력 요소가 주석(마커)을 정의합니다.

라벨의 목적은 사용자가 라벨의 텍스트를 클릭하면 자동으로 라벨과 관련된 컨트롤로 초점이 맞춰집니다.

라벨은 라디오 버튼과 체크 버튼에 자주 사용됩니다. 이 라벨을 사용한 후 클릭하면 라디오 버튼이나 체크 버튼의 텍스트도 선택될 수 있습니다.

2. 라벨 구문 형식

<label for="关联控件的id" form="所属表单id列表">文本内容</label>

설명:

관련 컨트롤의 ID는 일반적으로 입력 요소의 ID를 나타냅니다.

HTML5에서는 새로운 속성 형식도 추가됩니다. , 양식 속성은 공백으로 구분된 하나 이상의 양식의 ID 목록을 지정하는 데 사용됩니다.

태그가 양식 라벨

에 없으면 다음을 사용해야 합니다.

3. 예시

<!DOCTYPE html><html><head><meta charset="utf-8" /><title>html中label标签的详细介绍</title></head><body bgcolor="bisque"><form action="" id="form1"><input type="checkbox" id="basketball"><label for="basketball">篮球</label><input type="checkbox" id="football"><label for="football">足球</label><input type="checkbox" id="tableTennis"><label for="tableTennis">乒乓球</label><br><input type="submit" value="提交"/></form><label for="football" form="form1">足球</label></body></html>

실행 결과:

라벨 라벨의 기능은 무엇입니까?

관련 무료 학습 권장 사항:
php 프로그래밍(비디오)

위 내용은 라벨 라벨의 기능은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이전 기사：prtscr 키는 무엇을 의미합니까?다음 기사：prtscr 키는 무엇을 의미합니까?