在前端設(shè)計(jì)中，經(jīng)常會(huì)有不少的小伙伴們遇到表單的問(wèn)題，今天文匯軟件小編就來(lái)和大家分享一下這方面的問(wèn)題。

早起前段時(shí)間，小編遇到了這樣的一個(gè)問(wèn)題，之前點(diǎn)擊按鈕時(shí)會(huì)自動(dòng)表單元素就會(huì)自動(dòng)聚焦，而點(diǎn)擊前面的文字時(shí)卻沒(méi)有，如下圖

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

這里注意在使用label時(shí)需要加上其特有屬性for，對(duì)應(yīng)的控件需要加for屬性，標(biāo)簽的 for 屬性中的值應(yīng)當(dāng)與相關(guān)控件的 id 屬性值一定要相同。另外這里的for值與id值用法相同，里面的值只能是唯一的

是不是覺(jué)得小編的分享很使用呢，實(shí)用的話就來(lái)文匯軟件關(guān)注小編吧。