首页 > 其他 > 详细

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

时间:2014-10-12 10:35:18      阅读:211      评论:0      收藏:0      [点我收藏+]

  曾有人问我:“如果要你写一个登陆页面中记住密码的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>,一个容易忽视的标签

原文:http://www.cnblogs.com/webartisan/p/4020201.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!