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

form表單中的label標籤

好多人用到label但是並不知道其中的意義是什麼,今兒特此說明下 。

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>