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 >