양식의 라벨 태그

양식의 라벨 라벨

친구 여러분, 양식의 다양한 컨트롤을 공부할 때 라벨을 찾았나요? - 라벨 이 섹션에서는 그 기능을 공개합니다.

라벨은 사용자에게 특별한 효과를 제공하지 않으며, 마우스 사용자의 사용성을 향상시키는 역할을 합니다. 이 컨트롤은 레이블 내부의 텍스트를 클릭하면 트리거됩니다. 즉, 사용자가 레이블을 선택하기 위해 클릭하면 브라우저는 자동으로 레이블과 관련된 양식 컨트롤로 포커스를 돌립니다(자동으로 레이블과 관련된 양식 컨트롤을 선택합니다).

구문:

<label for="控件id名称">

참고: 태그의 for 속성에 있는 값은 관련 컨트롤의 id 속성 값 과 동일해야 합니다.

예:

<form>
  <label for="male">男</label>
  <input type="radio" name="gender" id="male" />
  <br />
  <label for="female">女</label>
  <input type="radio" name="gender" id="female" />
  <label for="email">输入你的邮箱地址</label>
  <input type="email" id="email" placeholder="Enter email">
</form>

지속적인 학습

새로운 파일

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>form中的lable标签</title> </head> <body> <form><h1>我的第一个网页</h1> 你的性别？<br> <label for="male">男</label> <input type="radio" name="sex" id="male" /> <label for="female">女</label> <input type="radio" name="sex" id="female" /> <br /> 你对什么运动感兴趣？<br> <input type="checkbox" name"checkbox1" value="跑步">跑步 <input type="checkbox" name"checkbox2" value="打球" checked="checked">打球 <input type="checkbox" name"checkbox3" value="登山" checked="checked">登山 <input type="checkbox" name"checkbox4" value="健身">健身<br> <label for="email">输入你的邮箱地址</label> <input type="email" id="email" placeholder="Enter email"> <input type="reset" value="重置"> </form> <img src ="http://e.hiphotos.baidu.com/image/w%3D400/sign=0648f314abd3fd1f3609a33a004f25ce/80cb39dbb6fd526654d55c2ea818972bd4073609.jpg"> </body> </html>

제출하다 코드 재설정

자동운전