当前位置: 首页 > news >正文

Html中Label标记的作用和使用介绍

Label标识有两个属性,一个是FOR,一个是ACCESSKEY

FOR的意思是,这个Lable是为哪个控件服务的;
ACCESSKEY则定义了访问这个控件的热键。
比如,有一个名字叫Name的文本框,<INPUT TYPE="TEXT" ID="Name" SIZE=30>,
那么,<label>就可以定义成:<LABEL FOR="Name" ACCESSKEY="N">姓  名(<U>N</U>):</LABEL>。
可以看见,这个<Label>是为那个ID为“Name”控件服务的,而ACESSKEY则定义了,这访问这个控件的热键为“Alt+N”。

 1 < LABEL  FOR ="txtName"  ACCESSKEY ="N" > 姓  名( < U > N </ U > ): </ LABEL >
 2 < INPUT  TYPE ="TEXT"  ID ="txtName"  SIZE =30 > Meil < br >
 3
 4 < LABEL  FOR ="txtUrl"  ACCESSKEY ="U" > 个人主页( < U > U </ U > ): </ LABEL >
 5 < INPUT  TYPE ="TEXT"  ID ="txtUrl"  SIZE =30 > http://www.livebaby.cn < br >
 6
 7 < LABEL  FOR ="txtPhonebox"  ACCESSKEY ="P" > 联系电话( < U > P </ U > ): </ LABEL >
 8 < INPUT  TYPE ="TEXT"  ID ="txtPhonebox"  SIZE =30 >   < br >
 9
10 < LABEL  FOR ="areabox"  ACCESSKEY ="S"   > 留  言( < U > S </ U > ): </ LABEL >
11 < TEXTAREA  ID ="areabox"  COLS ="30"  ROWS ="3" ></ TEXTAREA >  


  单选钮、复选框都要点击控件才能选中控件,而如果使用<label>标识就可以实现点击文字选取。

点击文字可以选取的多项选择框:

1 < input  type ="CHECKBOX"  id ="chk1"  value ="often"  name ="chkoften" >
2 < label  for ="chk1"   > 经常来这里 </ label >  
3 < input  type ="CHECKBOX"  id ="chk2"  value ="seldom"  name ="chkseldom" >
4 < label  for ="chk2"   > 偶尔来看看 </ label >  

带热键的多项选择框:
1 < input  type ="CHECKBOX"  id ="chk3"  value ="often"  name ="chkoften" >
2 < label  for ="chk3"  ACCESSKEY ="H" > 经常来这里( < U > H </ U > </ label >  
3 < input  type ="CHECKBOX"  id ="chk4"  value ="seldom"  name ="chkseldom" >
4 < label  for ="chk4"  ACCESSKEY ="L" > 偶尔来看看( < U > L </ U > </ label >

转载于:https://www.cnblogs.com/linpengfeixgu/articles/1214189.html

http://www.xdnf.cn/news/852391.html

相关文章:

  • 计算机软硬件介绍
  • JSP中 forward() 与redirect()的区别?
  • Aptana Studio 3的安装配置和使用教程
  • (转)25款实用的桌面版博客编辑器
  • Tomcat服务部署、虚拟主机配置及参数优化
  • VS2010 MSDN2010安装及使用(MSDN Library)
  • 【转】多核CPU运行模式
  • 输入法手机版 Android 2.3,提升效率 Android 2.3输入法安装教程
  • SSM 智能体育馆管理系统-计算机毕设 附源码70093
  • linux设备驱动模型一上层容器之device
  • 怎么用光盘重装系统教程
  • 【网络安全零基础入门必知必会】TCP/IP协议深入解析(非常详细)零基础入门到精通,收藏这一篇就够了
  • U盘修复工具哪个好?7款U盘低格工具详解
  • 最好最牛的101个网站 【达人必修】
  • 威客介绍
  • magent java_bt种子简介与magnet磁力介绍
  • 启动应用程序出现mfc71d.dll找不到问题解决
  • 卷毛机器人抢大龙视频_世界第一机器人卷毛梦回S2 钩子抢大龙 直言钻一像人机...
  • 扒美女衣服——妄撮游戏实现原理
  • 新晋 CTO 的工作总结:我在第一年学到了 14 个经验教训
  • android软件安装到平板,新人看过来 安卓平板装机必备软件推荐
  • 直接强制结束进程_迅雷极速版被强制升级怎办?分享一下禁止迅雷强制性升级方法...
  • 网站盈利的10种方式
  • 金山词霸2009牛津版完整破解版+绿色精简版下载
  • Perl 语言入门学习
  • System32和SysWow64文件夹的区别
  • 文件上传FileUpload
  • JS实现网页轮播图
  • 07-SNAP处理Sentinel-1 IW GRD数据
  • STM32F429+W25Q256+TouchFGX