天天看点

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>

4<LABEL FOR="txtUrl"ACCESSKEY="U"> 个人主页( <U> U </U> ): </LABEL>

7<LABEL FOR="txtPhonebox"ACCESSKEY="P"> 联系电话( <U> P </U> ): </LABEL>