HTML中的<lable>标签用法
2016-01-26 14:35
417 查看
使用<label>标签可以把元素与文本结合起来,当点击<label>标签时会产生相当与点击此元素相同的效果。
label标签的两种用法:
第一种是 <label>~</label> 直接包含文本和元素。
<label>性别:<input type="text" name="sex"></label>
第二种是在 <label> 的 for 属性里设定元素的id。
<label for="sex">sex:</label>
<input id="sex" type="text" name="sex">
如下例:
<p>请点击Female文本标记之一,就可以触发相关控件,而Male不能:</p>
Male<input type="radio" name="sex" id="male" /><br>
<label for="female">Female</label><input type="radio" name="sex" id="female" /><br>
<label>Another<input type="radio" name="sex" id="another"/></label>
label标签的两种用法:
第一种是 <label>~</label> 直接包含文本和元素。
<label>性别:<input type="text" name="sex"></label>
第二种是在 <label> 的 for 属性里设定元素的id。
<label for="sex">sex:</label>
<input id="sex" type="text" name="sex">
如下例:
<p>请点击Female文本标记之一,就可以触发相关控件,而Male不能:</p>
Male<input type="radio" name="sex" id="male" /><br>
<label for="female">Female</label><input type="radio" name="sex" id="female" /><br>
<label>Another<input type="radio" name="sex" id="another"/></label>
相关文章推荐
- HTML学习笔记——(二)基本的HTML标签
- html定位总结
- formail 发送HTML 邮件通过 SENDMAIL
- HTML学习笔记之中的一个(input文件选择框的封装)
- html tr标签替换
- Auto refresh images in HTML
- 去处HTML标签
- html 跳转页面,同时跳转到一个指定的位置
- 第 3 章 与浏览者交互,表单标签
- 第 2 章 认识标签
- HTML中的<label>标签
- 【HTML打卡】0125 实战首页布局之导航
- HTML - HTML Commonly Used Character Entities
- html
- 第 1 章 Html 介绍
- HTML,xhtml,Dhtml,<meta>标签
- HTML代码转换编辑器
- HTML 简介
- HTML服务器控件与Web服务器控件的…
- 传智HTML高级3-7课笔记