지역 사회 배우다 도구 라이브러리 여가

한국어

집 > 일반적인 문제 > 라벨 라벨의 기능은 무엇입니까?

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

coldplay.xixi

풀어 주다： 2023-02-09 14:21:24

원래의

39128명이 탐색했습니다.

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

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

이 기사의 운영 환경: 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：

라벨 라벨

원천：php.cn

이전 기사：prtscr 키는 무엇을 의미합니까? 다음 기사：TN-S 시스템은 무엇을 의미하나요?

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

저자별 최신 기사

PHP 작업 redis의 전체 기록

2023-04-09 22:44:01
Java 클래스 및 객체에 대한 자세한 설명에 중점

2021-05-21 15:21:45
PHP의 간단한 mysql 잠금 메커니즘 작동에 대한 간략한 분석

2023-04-09 22:42:01
PHP가 mysql을 로드할 수 없는 경우 대처 방법

2023-03-09 12:50:01
CSS에서 복사를 금지하는 방법

2023-01-05 16:13:24
CSS에서 슬라이딩을 비활성화하는 방법

2023-01-05 16:13:23
CSS로 이미지 색상을 변경하는 방법

2021-04-30 16:46:04
아약스와 자바스크립트의 차이점은 무엇인가요?

2023-01-05 16:13:23
자바스크립트에서 개인 메소드를 정의하는 방법

2023-01-05 16:13:22
자바스크립트에서 시간 문자열을 시간으로 변환하는 방법

2021-04-30 16:27:19

최신 이슈

SQL Count()에도 0이 필요합니다. 테이블이 하나만 있고 0으로 시작하는 태그의 각 항목을 계산하고 싶습니다. 이제 다음을 시도합니다. SELECT tag,COUNT(start)ASAnzahl,us...

에서 2024-04-06 19:48:53

0

1

449

흰색으로 설정된 HR 태그가 반투명한 이유는 무엇입니까? 나는 HTML(부트스트랩 포함)과 CSS를 가지고 있습니다. 내 HTML에는 클래스가 있는 <hr> 태그가 있고 CSS에는 테두리 스타일이 있습니다. ...

에서 2024-04-06 16:13:26

0

1

500

공급업체별 의사 요소에 대한 JavaScript 호버 이벤트 나는 아래에 HTMLinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',fun...

에서 2024-04-06 15:35:24

0

1

274

내 이미지를 페이지의 기본 디스플레이에 표시하려면 어떻게 해야 합니까? 제가 하고 싶은 것은 NASAAPI를 사용하여 사진 몇 장을 받는 것입니다. 이 사진은 내 페이지의 썸네일과 메인 디스플레이에 표시됩니다. 코드가 썸네일에서 이미...

에서 2024-04-06 15:33:12

0

1

433

고정 위치의 자식이 부모의 패딩을 무시함 고정 요소가 헤더 뒤로 이동하는 것을 방지하는 방법은 무엇입니까? 현재 코드 조각은 상위 항목에 padding-top을 사용합니다. 또한 추가 하위 항목에 mar...

에서 2024-04-06 11:42:51

0

1

338

관련 주제

더>

인기 추천

인기 튜토리얼

더>

관련 튜토리얼

인기 추천

최신 강좌

최신 다운로드

더>

웹 효과

웹사이트 소스 코드

웹사이트 자료

프론트엔드 템플릿