tag label dalam bentuk

Label label dalam borang

Kawan-kawan, semasa anda mengkaji pelbagai kawalan borang, adakah anda menjumpai label - label Bahagian ini akan mendedahkan fungsinya.

Label tidak memberikan sebarang kesan khas kepada pengguna, peranannya adalah untuk meningkatkan kebolehgunaan untuk pengguna tetikus. Kawalan ini akan dicetuskan jika anda mengklik pada teks di dalam label. Maksudnya, apabila pengguna mengklik untuk memilih label, penyemak imbas secara automatik akan mengalihkan fokus kepada kawalan borang yang berkaitan dengan label (ia secara automatik akan memilih kawalan borang yang berkaitan dengan label).

Sintaks:

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

Nota: Nilai dalam untuk atribut tag mestilah sama dengan nilai atribut id kawalan yang berkaitan.

Contoh:

<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>
Meneruskan pembelajaran
||
<!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>
  • Cadangan kursus
  • Muat turun perisian kursus