當網頁出現文本框、單選、多選等控件時，例如如下代碼：
用戶名<input type="text" name="username">
密 碼<input type="text" name="password">
此時如果用戶想輸入用戶名或密碼，必須單擊它們對應的文本框才能輸入。
但是很多時候我們希望的效果是：當用戶單擊“用戶名”、“密碼”文字時，依然可以聚焦到對應的文本框。
此時可通過下面的方法實現：
<label for="idname">用戶名</label><input type="text" name="username" id="idname">
<label for="idpassword">密碼</label><input type="text" name="password" id="idpassword">
可以看到，此時input多了一個id屬性，而“用戶名”和“密碼”使用一個<lable>標籤包裹，其內包含一個for屬性，即label中for屬性與input中id屬性對應，把文本與控件綁定，實現點擊文本聚焦到控件。
實際開發過程中，上面的方法還是太過於反鎖，此時可以使用如下簡便方法：
<label>用戶名<input type="text" name="username"></label>
<label>密碼<input type="text" name="password"></label>
即僅僅使用一個<lable>標籤把原來的文本與控件包裹，即可實現所期望效果。