5-9form表单中的label标签
2016-06-19 14:43
363 查看
小伙伴们,你们在前面学习表单各种控件的时候,有没有发现一个标签--label,这一小节就来揭晓它的作用。
label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。
语法:
注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。
例子:
label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。
语法:
<label for="控件id名称">
注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。
例子:
<form> <label for="male">男</label> <input type="radio" name="gender" id="male" /> <br /> <label for="female">女</label> <input type="radio" name="gender" id="female" /> <label for="email">输入你的邮箱地址</label> <input type="email" id="email" placeholder="Enter email"> </form>
相关文章推荐
- 封装 继承 多态的区别
- 卡特兰数
- MyEclipse内存溢出问题解决方法
- bzoj 3809(莫队+分块求和)
- MAC 系统 PHP配置和Apache配置
- js柯里化
- UITableView常见问题总结(二)
- HDU5307 He is Flying
- Linux 解决数量庞大wildfly容器启动与停止的脚本
- 97、进入ScrollView根布局页面,直接跳到页面底部,不能显示顶部内容
- IOS安全编码指南 Secure Coding Guide -- 02 Types of Security Vulnerabilities 下
- cocos2dx 历史版本下载问题
- 第一遍阅读之《信息系统开发与管理》(二战)
- 剑指offer(41)-翻转单词顺序列
- 迭代与迭代器
- 5-7使用提交按钮,提交数据
- 如何修改tomcat服务器的端口
- 批注:C++设计模式——抽象工厂模式:横向扩展
- 每日随手记
- Spring IOC的配置使用