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
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
>
<
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
>
<
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
>
原文: http://www.livebaby.cn/study/Developer/HTML_CSS/2008/1/Html_Lable_415382424.html
本文详细介绍了HTML中Label标签的使用方法及其属性,包括如何通过Label标签为表单控件定义热键以及如何实现点击文字选取控件等功能。
547

被折叠的 条评论
为什么被折叠?



