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