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>

4<LABEL FOR="txtUrl"ACCESSKEY="U"> 個人首頁（ <U> U </U> ）： </LABEL>

7<LABEL FOR="txtPhonebox"ACCESSKEY="P"> 聯系電話（ <U> P </U> ）： </LABEL>