首页 > 代码库 > <label>,一个容易忽视的标签

<label>,一个容易忽视的标签

  曾有人问我:“如果要你写一个登陆页面中记住密码的Html代码,你会怎么写?”

  “直接写啊”

1 <input type="checkbox" id="chk_remb" />记住密码

  “如果要点击‘记住密码’四个字也让这个复选框选中,要怎么写?”

  “给‘记住密码‘加个标签,用Js控制么?”

  “有没有更加简洁的方法?”

  “……”

  后来才想起来<label>标签。代码应该这样写

1 <input type="checkbox" id="chk_remb" /><label for="chk_remb>记住密码</label>

  <label> 标签可以为 input 元素定义标记。可以通过将其for属性指定为要关联的元素id即可。此时,在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

<label>,一个容易忽视的标签