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

為了賬號安全,請及時綁定郵箱和手機立即綁定

關于form標簽

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>文本輸入框、密碼輸入框</title>

</head>

<body>

<form ?method="post" action="save.php">


? ? 賬戶:?

<input type="text" name="myName"/>

<br>

密碼:?

? ? <input type="password" name="pass"/>

</form>?

</body>

</html>

為什么這段代碼不需要加lable標簽,lable標簽不是讓文本聚焦到文本框的嗎

正在回答

2 回答

我們來看課程中對于label的介紹:”label標簽不會向用戶呈現任何特殊效果,它的作用是為鼠標用戶改進了可用性。如果你在 label 標簽內點擊文本,就會觸發此控件。就是說,當用戶單擊選中該label標簽時,瀏覽器就會自動將焦點轉到和標簽相關的表單控件上“

也就是說,在這段代碼中,使用label后,你單擊”賬戶“和”密碼“兩個標簽后,你的輸入指針可以自動聚焦到其文本框中,但是在實際運用中,你也可以不用label,在輸入代碼運行后用鼠標去直接去點文本框,那樣指針同樣也會出現在文本框中。所以在這里label標簽可有可無。

1 回復 有任何疑惑可以回復我~
#1

慕田峪9304305 提問者

非常感謝!
2017-09-12 回復 有任何疑惑可以回復我~
#2

慕田峪9304305 提問者

為什么我加了lable標簽還是沒反應呢,<lable for="myName">賬戶</labl是不是這樣寫的e>
2017-09-12 回復 有任何疑惑可以回復我~
#3

陸淮 回復 慕田峪9304305 提問者

<label for="myName">賬戶</label> 你再試試,注意輸入時有沒有切換成英文,空格和大小寫。點擊賬戶有光標出現在后面的文本框就算成功了。
2017-09-12 回復 有任何疑惑可以回復我~
#4

慕田峪9304305 提問者 回復 陸淮

還是不行啊,是不是input元素里也要加id="myName"
2017-09-12 回復 有任何疑惑可以回復我~
#5

陸淮 回復 慕田峪9304305 提問者

你忘記寫id了。<label for="控件id名稱"> 注意:標簽的 for 屬性中的值應當與相關控件的 id 屬性值一定要相同。 你的input里面沒有id屬性
2017-09-12 回復 有任何疑惑可以回復我~
#6

慕田峪9304305 提問者 回復 陸淮

<form method="post" action="save.php"> <lable for="myName">賬戶:</lable> <input type="text" id="myName" name="myName"/> <br> <lable for="pass">密碼:</lable> <input type="password" id="pass" name="pass"/>
2017-09-12 回復 有任何疑惑可以回復我~
#7

慕田峪9304305 提問者 回復 陸淮

還是不對啊
2017-09-12 回復 有任何疑惑可以回復我~
#8

陸淮 回復 慕田峪9304305 提問者

是label不是lable
2017-09-12 回復 有任何疑惑可以回復我~
#9

慕田峪9304305 提問者 回復 陸淮

哎呀,居然錯在這里,是label不是lable,謝謝了
2017-09-12 回復 有任何疑惑可以回復我~
#10

小傻自由式 回復 慕田峪9304305 提問者

for是和id對應的,不是和name,你在input中加入一個id="myName",就有反應了
2017-09-13 回復 有任何疑惑可以回復我~
查看7條回復
你運行下,看看兩個的效果差距就知道了,


0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
初識HTML(5)+CSS(3)-升級版
  • 參與學習       1228735    人
  • 解答問題       19080    個

HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義

進入課程

關于form標簽

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號