HTML中label的兩種使用方法

2022-03-07 12:58:08 字數 635 閱讀 4051

如果您在 label 元素內點選文字,就會觸發此控制項。就是說,當使用者選擇該標籤時,瀏覽器就會自動將焦點轉到和標籤相關的表單控制項上。

有兩種使用方法:

方法1:

<

label

for="username"

>使用者名稱:

label

><

input

type

="text"

id="username"

/>

方法2:

<

label

>使用者名稱:<

input

type

="text"

/>

label

>

當在單選或多選裡使用時,還會出現一種視覺效果,這也是一種友好的方式。

<

label

><

input

type

="radio"

/>性別

label

在html裡,每一種html標籤都有自己的意義,在做頁面的時候選擇適合的標籤,少使用div,span這些無語義的標籤,只有在無法確定使用什麼標籤才使用div。

input與label聯合使用的兩種方式

input與label聯合使用的兩種方式 當使用者選擇label標籤時,瀏覽器會自動將焦點轉移到個label相關的input上 1.通過為input設定屬性id,在label標籤中設定for id使label文字與對應的inpu他結合起來。label for name name label inpu...

html兩種標籤

行標籤 包含a span em strong img var a標籤 主要用來鏈結乙個其他的網頁 span標籤 主要用來對行內的文字進行一些樣式以及其他的操作 em標籤 一般用來對文字進行強調,使用斜體體現出來 strong標籤 一般用來對文字進行強調,使用加粗字型體現出來 var標籤 j ascr...

在Razor中輸出Html的兩種方式

razor中所有的html都會自動編碼,這樣就不需要我們手動去編碼了 安全 但在需要輸出html時就是已經轉義過的html文字了,如下所示 string thistest qubernet thistest 這樣在頁面輸出的文字就是 qubernet而不是紅色的字型了.要輸出紅色的字型,有下面常用的...