小伙伴們,你們在前面學(xué)習(xí)表單各種控件的時候,有沒有發(fā)現(xiàn)一個標(biāo)簽--label,這一小節(jié)就來揭曉它的作用。
label標(biāo)簽不會向用戶呈現(xiàn)任何特殊效果,它的作用是為鼠標(biāo)用戶改進(jìn)了可用性。如果你在 label 標(biāo)簽內(nèi)點擊文本,就會觸發(fā)此控件。就是說,當(dāng)用戶單擊選中該label標(biāo)簽時,瀏覽器就會自動將焦點轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上(就自動選中和該label標(biāo)簽相關(guān)連的表單控件上)。
語法:
<label for="控件id名稱">
注意:標(biāo)簽的 for 屬性中的值應(yīng)當(dāng)與相關(guān)控件的 id 屬性值一定要相同。
例子:
<form <label for="email">輸入你的郵箱地址</label> <input type="email" id="email" placeholder="Enter email"> </form>
我來試試:完成下面任務(wù)
要求:用戶名,密碼用for屬性關(guān)聯(lián)。效果圖如下:
備注:這一小節(jié)沒有正確性驗證,請查看結(jié)果窗口與任務(wù)所給的結(jié)果圖片是否一致,從而判斷輸入代碼是否正確。
參考代碼如下:
<label for="uname">輸入你的用戶名</label> <input type="text" id="uname" placeholder="Enter uname"> <br> <label for="pass">輸入你的密碼</label> <input type="password" id="pass" placeholder="Enter password">
請驗證,完成請求
由于請求次數(shù)過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報