码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2014-10-12 11:27:27      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   for   sp   div   log   代码   html   

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

标签:style   blog   color   for   sp   div   log   代码   html   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!