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