放label是為了可以讓用戶點(diǎn)擊相應(yīng)文字就可以直接選中

個(gè)人理解，就是label是類似“標(biāo)簽定位”，點(diǎn)擊文本后會(huì)觸發(fā)控件，接著關(guān)聯(lián)到相應(yīng)的表單上。而input type="text"/"password"，就是直接關(guān)聯(lián)表單，直接輸入文本。

下面是教程的解釋，你可以理解看看：

"label標(biāo)簽不會(huì)向用戶呈現(xiàn)任何特殊效果，它的作用是為鼠標(biāo)用戶改進(jìn)了可用性。如果你在 label 標(biāo)簽內(nèi)點(diǎn)擊文本，就會(huì)觸發(fā)此控件。就是說，當(dāng)用戶單擊選中該label標(biāo)簽時(shí)，瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上（就自動(dòng)選中和該label標(biāo)簽相關(guān)連的表單控件上）。"

希望能幫到你！

<form> ?<label for="male">Male</label>
?<input type="radio" name="sex" id="male" />
?<br /> ?<label for="female">Female</label>
?<input type="radio" name="sex" id="female" />
</form>

試一下這段代碼，然后自己去掉label標(biāo)簽再試試，就知道label的用處啦~

label標(biāo)簽不會(huì)向用戶呈現(xiàn)任何特殊效果，它的作用是為鼠標(biāo)用戶改進(jìn)了可用性。如果你在 label 標(biāo)簽內(nèi)點(diǎn)擊文本，就會(huì)觸發(fā)此控件。就是說，當(dāng)用戶單擊選中該label標(biāo)簽時(shí)，瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上（就自動(dòng)選中和該label標(biāo)簽相關(guān)連的表單控件上）。而對(duì)于文本輸入框和密碼輸入框來說直接都可以觸發(fā)控件達(dá)到想要的效果。

type = "text" ?本身有這個(gè)功能！