小夥伴們,你們在前面學習表單各種控制項的時候,有沒有發現一個標籤--label,這一小節就來揭曉它的作用。
label標籤不會向使用者呈現任何特殊效果,它的作用是為滑鼠使用者改進了可用性。如果你在 label 標籤內點擊文本,就會觸發此控制項。是說,當使用者按一下選取該label標籤時,瀏覽器就會自動將焦點轉到和標籤相關的表單控制項(就自動選取和該label標籤相關連的表單控制項上)。
語法:
<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>