HOME
BBS
深山帮帮欢迎您,您可以注册或者
qq登录只需一步,快速开始
深山旅行社网站管理系统开发完成,欢迎各位网友测试! 点这里测试
565449214 给站长留言
订阅本栏目 RSS您所在的位置: 深山工作室 > HTML学习 > 正文

html表单里面的label详细

网络 2009-6-7 22:06:28 深山行者 字体:  浏览 7643 我要评论

在Dreamweaver8中,只要一加入表单或表单对象,文本框等等,就会在代码中加入一个<label></label>,一直没明白这个label是做什么的,今天正好看到了解释:

Label 中有两个属性是非常有用的,一个是FOR、另外一个就是ACCESSKEY了。
FOR属性
功能:表示Label标签要绑定的HTML元素,你点击这个标签的时候,所绑定的元素将获取焦点。
用法:<Label FOR="InputBox">姓名</Label><input ID="InputBox" type="text">

ACCESSKEY属性:
功能:表示访问Label标签所绑定的元素的热键,当您按下热键,所绑定的元素将获取焦点。
用法:<Label FOR="InputBox" ACCESSKEY="N">姓名</Label><input ID="InputBox" type="text">
局限性:accessKey属性所设置的快捷键不能与浏览器的快捷键冲突,否则将优先激活浏览器的快捷键。
 
注释
要将 LABEL 绑定到其它的控件,请将 LABEL 元素的 FOR 属性设置为与该控件的 ID 相同。将 LABEL 绑定到控件的 NAME 属性毫无用处。但是,要提交表单,你必须为 LABEL 元素所绑定到的控件指定NAME。
有两种方法给所指定的快捷键添加下划线。LABEL 元素的 rich text 支持可以在 ACCESSKEY 属性所指定的快捷键字符两侧加上 U 元素。如果你更愿意使用样式表(CSS)来应用样式,可以将该字符包含在 SPAN 中,并设置样式为“text-decoration: underline”。
如果用户单击 LABEL,则会先触发 LABEL 上的 onclick 事件,然后触发由 htmlFor 属性所指定的控件上的 onclick 事件。按下 LABEL 设定的快捷键将设置焦点但并不触发 onclick 事件。
需要注意的地方:
1、标签不允许嵌套。
2、此元素在Internet Explorer 4.0 及以上版本的 HTML 和脚本中可用。
3、此元素是内嵌元素。
4、此元素需要关闭标签。
元素示例代码
下面的例子使用了 LABEL 元素和 ACCESSKEY 属性设置文本框的焦点。
<LABEL FOR="oCtrlID" ACCESSKEY="1">
<SPAN style="text-decoration:underline;">名字</SPAN>: <font color="#999999">按ALT+1到文本框</font>
</LABEL>
<INPUT TYPE="text" NAME="TXT1" VALUE="阿会楠" SIZE="20" TABINDEX="1" ID="oCtrlID">

Ads loading...
相关阅读
( 2014-9-20 22:17:36 )用于深山在线投票的一个javascript统计checkbox现在选中的个数一边点复选框一边验证并计算现在选了多少个复选框
( 2012-8-14 9:46:58 )javascript日期验证比较
( 2011-1-27 15:56:13 )javascript编写的网页版的打字测试程序
( 2010-7-9 10:26:12 )另外的一种可以计算的倒计时效果
( 2010-5-7 14:32:57 )Javascript JS 限制复选框的选择个数(3)
( 2010-2-9 15:06:47 )javascript自动获取Tags关键字
( 2010-2-9 14:44:31 )javascript自动获取Tags关键字
( 2010-2-9 14:44:31 )改善用户体验之checkbox表单(最多可以选择三个)
共有0条关于《html表单里面的label详细》的评论
发表评论
正在加载评论……
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 400 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
深山工作室网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

Ads loading...
更多信息>>栏目类别选择
rss学习
个人空间
网站设计
网站公告
下载
photoshop学习
ASP学习
DIV+CSS学习
SEO搜索引擎忧化
java学习
HTML学习
网站信息
网站类信息
更多>>同类信息
页面里面的js和css的放的位置顺序与加载速度分析
Dreamweaver在onLoad运行_onOpen.htm时,发生了以下javascript错误
Dreamweaver错误:以下翻译器没有被装载,由于错误;xsltransform.htm;有不正确的设置信息
Dreamweaver错误:在onload运行_beforeSave.htm时,发生了一个JavaScript错误
在iframe窗口中打开链接
后台编辑源码里有行号
iframe框架自适应高度代码
radio单选按钮组选择详细
Ads loading...
更多>>最新添加文章
asp中Request.ServerVariables能获取的信息整理总结
利用CSS实现半透明效果兼容IE与火狐与chrome等浏览器
sql语句中怎么按照in语句里的id原有的顺序进行排序输出
通过设置iis的进程池让网站的并发数,性能提升几个档次
asp通过多次获得来取得用户的真实IP
通过XMLHTTP检查网站能否打开
asp利用sina提供的ip库端口来获得当前IP所有的地区,所在国,所在省,所在市,在线解析json
利用aspJpeg组件生成多图片水印组合时给加上透明水印图片
  • 业务 QQ:565449214
  • 手机:139 6134 7334
更多>>随机抽取信息
深山行者个人网站程序V0.2 效果图
window7简称win7下可以运行ASP文件,但是不能访问access数据库的解决办法
divcss范例下载
用javascript美化Select,并获取相应的值
windows xp 安装IIS,设置IIS。
设为首页代码
javascript表单验证!
javascript表格内移动上下列,可以做成ajax加上动态程序做成上下移动顺序
Ads loading...