label 定义标签

的头像
197

﹤label.../﹥元素可以指定 id、style、class 等核心属性,也可以指定onclick 等事件属性。除此之外,还可以指定一个 for 属性,该属性指定该标签与哪个表单控件关联
可能有人会感到疑惑:直接在表单里定义普通文本就可作为标签,为何还要专门使用﹤label.../﹥元素定义标签呢?虽然﹤label.../﹥元素定义的标签确实只是输出普通文本,﹤label.../﹥元素生成的标签有一个额外作用:当用户单击﹤label.../﹥所生成的标签时,该标签关联的表单控件元素就会获得焦点。也就是说,当用户选择﹤label.../﹥元素所生成的标签时,浏览器会自动将焦点转移到和标签相关的表单控件元素上。
让标签和表单控件关联有两种方式。
隐式使用for 屆性:指定﹤label.../﹥元素的 for 属性值为所关联表单控件的id 属性值。
显式关联:将普通文本、表单控件一起放在﹤label.../﹥元素内部即可。

用户评论
评论列表