当前阅读教程:HTML入门到精通 > 4.26 HTML表单 label标签 | |||||||
阅读(22555525) 收藏 赞(5685) 分享 | |||||||
上一篇: 4.25 HTML表单 button标签 | 下一篇: 4.27 HTML表单 fieldset标签和legend标签 | ||||||
基础语法目前大多数浏览器支持 <label> 标签。 <label> 标签为 input 元素定义标注(标记)。 label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。 <label> 标签的 for 属性应当与相关元素的 id 属性相同。 <label> 标签支持全局属性。 <label> 标签支持所有 HTML事件属性。 提示和注释 提示:"for" 属性可把 label 绑定到另外一个元素。请把 "for" 属性的值设置为相关元素的 id 属性的值。 属性
代码:HTML表单 label标签下面我们来看下在网页中的效果,示例 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>HTML表单 label标签</title> </head>
<body> <form> <input type="radio" name="xb" id="xb1" value="男"> <label for="xb1">男性</label> <br> <input type="radio" name="xb" id="xb2" value="女"> <label for="xb2">女性</label> <br> </form> </body> </html> 效果如图4-39。 |
|||||||
上一篇: 4.25 HTML表单 button标签 | 下一篇: 4.27 HTML表单 fieldset标签和legend标签 |