之前我們學習了html的表單，我們在寫表單的時候，是直接把文字寫在表單的前面，
如上圖，比如「請輸入帳號」這幾個文字就寫在文本輸入框的前面，這是告訴用戶這個輸入框是用來幹什麼的，用戶只有點擊輸入框的時候，才能在裡面輸入東西，而我們為了用戶體驗更好，也就是說，我們可以讓用戶在點擊輸入框前面的文字時，就可以選中輸入框，直接在裡面打字，怎麼樣實現這個效果呢？
這就需要label標籤。
●label標籤
<label> 標籤為 input 元素定義標註（標記），也就是說<label>標籤相當於給input標籤做一個標記。
label 元素不會向用戶呈現任何特殊效果。意思就是label標籤內的內容在網頁上顯示時，並沒有什麼特別之處。比如<label>請輸入帳號:</label>這段代碼被瀏覽器解析後，效果和直接顯示"請輸入帳號:"這段文字的效果一樣。
label標籤的屬性
label標籤有兩個屬性：for和form
說明：
"for" 屬性規定 label 與哪個表單元素綁定。請把label上 "for" 屬性的值設置為綁定的input元素的 id 屬性的值。
"form"屬性規定了label標籤綁定的元素屬於哪個或者哪幾個表單。請把 label上"form" 屬性的值設置為綁定的form標籤的 id 屬性的值。
label標籤的作用
當用戶點擊label標籤內的文本時，瀏覽器就會自動將焦點（滑鼠的光標）轉到與label標籤綁定的表單元素上。
接下來我在之前的my first html.html這個文件的代碼基礎上，添加上label標籤，展示一下效果。
代碼如下：
如上圖的代碼，當我在瀏覽器中運行my first html.html這個文件時，當我滑鼠在網頁上點擊"請輸入帳號:"時，滑鼠的焦點就會在後面的輸入框閃爍。
當我滑鼠在網頁上點擊"點這裡會選中性別男"時，"請選擇性別"後面的"男"後面的單選框就會被選中。因為最後一個label標籤上的"form"屬性的值是0，"for"屬性的值是4，而form標籤的"id"屬性的值是0，男後面的input標籤的"id"屬性的值是4。
也就是說：最後一個label標籤是跟id值是0的form標籤裡面的id值是4的input標籤綁定的，當我們點擊它裡面的內容"點這裡會選中性別男"時，就相當於點擊男後面的input單選框。
可以按照我的代碼敲一遍，自己在瀏覽器上體驗一下，就會很容易的理解label的作用。