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

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


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

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

1<inputtype="CHECKBOX"id="chk1"value="often"name="chkoften">
2<labelfor="chk1">经常来这里</label>
3<inputtype="CHECKBOX"id="chk2"value="seldom"name="chkseldom">

4<labelfor="chk2">偶尔来看看</label>

带热键的多项选择框:
1<inputtype="CHECKBOX"id="chk3"value="often"name="chkoften">
2<labelfor="chk3"ACCESSKEY="H">经常来这里(<U>H</U></label>
3<inputtype="CHECKBOX"id="chk4"value="seldom"name="chkseldom">

4<labelfor="chk4"ACCESSKEY="L">偶尔来看看(<U>L</U></label>

原文链接 http://www.cnblogs.com/meil/archive/2008/01/04/1025922.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值