1. 程式人生 > >input與label聯合使用的兩種方式

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>