Html中Label標記的作用和使用介紹

2022-02-28 11:08:14 字數 2624 閱讀 1665

label

標識有兩個屬性,乙個是for,乙個是accesskey

for

的意思是,這個lable是為哪個控制項服務的;

accesskey

則定義了訪問這個控制項的熱鍵。

比如,有乙個名字叫name的文字框,,

那麼,就可以定義成:姓  名(n):。

可以看見,這個是為那個id為「name」控制項服務的,而acesskey則定義了,這訪問這個控制項的熱鍵為「alt+n」。

1<

label 

for="txtname"

accesskey

="n"

>

姓  名(

<

u>nu

>

):label

>

2<

input 

type

="text"

id="txtname"

size

=30>

meil

<

br>34

<

label 

for="txturl"

accesskey

="u"

>

個人主頁(

<

u>uu

>

):label

>

5<

input 

type

="text"

id="txturl"

size

=30>

<

br>67

<

label 

for="txtphonebox"

accesskey

="p"

>

聯絡**(

<

u>pu

>

):label

>

8<

input 

type

="text"

id="txtphonebox"

size

=30>

<

br>910

<

label 

for="areabox"

accesskey

="s"

>

留  言(

<

u>su

>

):label

>

11<

textarea 

id="areabox"

cols

="30"

rows

="3"

>

textarea

>

單選鈕、核取方塊都要點選控制項才能選中控制項,而如果使用標識就可以實現點選文字選取。

點選文字可以選取的多項選擇框:

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

>

)label

>

3<

input 

type

="checkbox"

id="chk4"

value

="seldom"

name

="chkseldom"

>

4<

label 

for="chk4"

accesskey

="l"

>

偶爾來看看(

<

u>lu

>

)label

>

原文: /study/developer/html_css/2008/1/html_lable_415382424.html

關於label標籤的作用

標籤為 input 元素定義標註 標記 label 元素不會向使用者呈現任何特殊效果。不過,它為滑鼠使用者改進了可用性。如果您在 label 元素內點選文字,就會觸發此控制項。就是說,當使用者選擇該標籤時,瀏覽器就會自動將焦點轉到和標籤相關的表單控制項上。標籤的 for 屬性應當與相關元素的 id ...

html中的label標籤for屬性的使用

for屬性規定label與哪個表單元素繫結。這種繫結關係是顯式關係繫結。如下 for personinfo id 個人資訊 text name personinfo name id personinfo id label標籤不需要for屬性,input標籤也不需要id屬性,而是通過label標籤中嵌...

html的常用標記

注 html標籤的大小寫都可以,但是實體引用是區分大小寫的 注釋格式為 1.列表 建立數字編號的列表 使用和標籤建立帶數字編號的列表,例如 在瀏覽器中顯示為 在標籤中使用start屬性,設定起始的序號 在標籤中使用value屬性,改變列表內的編號順序 在瀏覽器中顯示為 2.列表 指定編號的格式和順序...