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 >

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 >

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 >

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 >

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 >