在<form>表單中的input標籤前邊經常帶有註釋的文字，比如使用者名稱註冊時，我們要求瀏覽者填寫使用者名稱，我們會在對應的 input 前面加上 "姓名："，瀏覽者就知道在哪個文字框中輸入相應的內容。

那麼，我們在填寫註釋文字的時候，如果選擇直接在<input>標籤的前面打上文字，這樣的方式也可以實現文字的顯示，但是這樣要求訪問者每次需要輸入內容的時候，總是要把滑鼠點選到文字框中才可以輸入內容，這樣存在一定的瀏覽缺陷，所有，我們需要結合 Label 標籤來實現這個功能。

<label>標籤存在於<form>標籤中，它包含我們要註釋的內容來使用，通過對 input 標籤新增一個 id 屬性值，然後在label標籤中使用 for 屬性，for 屬性的屬性值只要是 input 標籤中 id 的屬性值，它就能夠繫結對應的 input 標籤，這個時候，就算我們點選的是 文字框 前面的註釋文字，對應的文字框也會實現聚焦。格式如下：

<label for="txt">姓名：</label><input type="text" id="txt" />

除了上面的格式，還有另外一種書寫起來比較方便，但是不太嚴謹的方式。

我們可以直接用label標籤把我們的註釋文字和文字框一起括起來，這樣書寫直接省略了 id 屬性值，取消了 for 屬性繫結，格式如下：

<label>姓名：

<input type="text" />

</label>

但是上面的這種書寫方式有比較大的缺陷，比如，我希望點選這裡的註釋文字，而希望聚焦的是另外的一個文字框，這個時候這樣的書寫方式就無法實現我們所需要的功能。

所以在企業開發中，我們都使用第一種書寫方式，這種書寫方式可以當做瞭解。