1. 程式人生 > >form表單中的label標籤的作用

form表單中的label標籤的作用

釋義:

label標籤不會向用戶呈現任何特殊效果,它的作用是為滑鼠使用者改進了可用性。
如果你在 label標籤內點選文字,就會觸發此控制元件。
就是說,當用戶單擊選中該label標籤時,瀏覽器就會自動將焦點轉到和標籤相關的表單控制元件上
(就自動選中和該label標籤相關連的表單控制元件上)

注意:標籤的 for 屬性中的值應當與相關控制元件的 id 屬性值一定要相同。

語法:

<label 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>