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 >
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 >
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 >
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.livebaby.cn/study/Developer/HTML_CSS/2008/1/Html_Lable_415382424.html