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

2022-07-29 10:30:16 字數 536 閱讀 2208

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

當使用者選擇label標籤時,瀏覽器會自動將焦點轉移到個label相關的input上

1.通過為input設定屬性id,在label標籤中設定for=id使label文字與對應的inpu他結合起來。

<

label

for="name"

>name:

label

>

<

input

id="name"

type="text"

/>

2.label標籤包裹input標籤,點選label時,label兩次響應,即label本身觸發和input觸發後冒泡到label上。

<

label

for="name"

>

<

input

id="name"

type="text"

/>

label

>

label和input對齊的方法

1.將文字第一字型設定為tahoma 2.為input元素設定vertical align middle 3.為label元素設定vertical align middle 這樣表單元素和提示文字就達到完美的對齊了。但是等等這裡說的對齊只是相對的對齊,原因是中文字型是方塊字高度有可能是奇數或者偶數,...

委託與事件聯合使用

1 建立委託 顧客走進飯店 把選單給顧客 顧客 public delegate void comehoteleventhandler customer cusobj 2 建立委託事件 顧客進門事件 public event comehoteleventhandler customercomeeven...

unpivot與pivot的聯合使用

1 序號 張三 姓名 85 語文 85 數學 85 英語 85 歷史 85 地理 85 生物 85 化學 into tunion all select 2 序號 李四 姓名 85 語文 85 數學 85 英語 85 歷史 85 地理 85 生物 85 化學 union all select 3 序號...