曾有人问我:“如果要你写一个登陆页面中记住密码的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 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
时间: 2024-10-12 08:16:22