亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

章節
問答
課簽
筆記
評論
占位
占位

使用label為input標簽穿上衣服

小伙伴們,你們在前面學習表單各種控件的時候,有沒有發現一個標簽--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 可將課程添加到書簽

邀請您關注公眾號
關注后,及時獲悉本課程動態

舉報

0/150
提交
取消
全部 精華 我要發布
全部 我要發布
最熱 最新
只看我的

手記推薦

更多

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?