首页 > 代码库 > <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>,一个容易忽视的标签
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。