HTML的
程序员文章站
2022-04-02 21:10:44
...
HTML <label> 标签
所有主流浏览器都支持 <label> 标签。
Safari 2 或更早的版本不支持 <label> 标签。
定义和用法 (推荐学习:HTML入门教程)
<label> 标签为 input 元素定义标注(标记)。
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。
提示
注:"for" 属性可把 label 绑定到另外一个元素。请把 "for" 属性的值设置为相关元素的 id 属性的值。
实例
带有两个输入字段和相关标记的简单 HTML 表单:
<html> <body> <p>请点击文本标记之一,就可以触发相关控件:</p> <form> <label for="male">Male</label> <input type="radio" name="sex" id="male" /> <br /> <label for="female">Female</label> <input type="radio" name="sex" id="female" /> </form> </body> </html>
以上就是HTML的<label> 标签的详细内容,更多请关注其它相关文章!
上一篇: HTML/XHTML模板_经验交流
推荐阅读
-
JSP自定义标签:带标签体(body)的标签
-
酷站欣赏:12个漂亮的国外单页网站设计案例_html/css_WEB-ITnose
-
目前有哪些比较成熟的 HTML5 游戏引擎?
-
在多个页面使用同一个HTML片段的代码_javascript技巧
-
调用外部定义的CSS文件_html/css_WEB-ITnose
-
HTML5/CSS3 网页加载进度条的实现,下载进度条等经典案例
-
CSS全屏布局的5种方式_html/css_WEB-ITnose
-
六种常见的HTML5写法误用
-
安利一篇自己大学以来的反思,希望看到此文的朋友们能有些感触_html/css_WEB-ITnose
-
inline-block后margin失效的问题_html/css_WEB-ITnose