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<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>

 

 

 

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