                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /初識HTML(5)+CSS(3)-升級版

這兩段代碼有何不同？

<form method="post" action="save.php">
? ? ? <label for="username">用戶名:</label>
? ? ? <input type="text" ?name="username" id="username" value="" />
? ? ? <label for="pass">密碼:</label>
? ? ? <input type="password" ?name="pass" id="pass" value="" /> ? ?
? ? ? <input type="submit" value="確定" ?name="submit" />
</form> ?
和
<form ?method="post" action="save.php">
? ? 賬戶:?
<input type="text" name="myName"/>
<br>
密碼:?
<input type="password" name="pass"/>
有何大的差別，為何一個有label for一個沒有？只是單純的語義化嗎？

Mltwind

2015-12-06

源自：初識HTML(5)+CSS(3)-升級版 6-2

關注問題我要回答

1040

操作

收起

2 回答

丶小八戒回答被采納 +3 積分
2015-12-06

<label> 標簽為 input 元素定義標注（標記）。

label 元素不會向用戶呈現任何特殊效果。不過，它為鼠標用戶改進了可用性。如果您在 label 元素內點擊文本，就會觸發此控件。就是說，當用戶選擇該標簽時，瀏覽器就會自動將焦點轉到和標簽相關的表單控件上。

<html>
<body>

<p>請點擊文本標記之一，就可以觸發相關控件：</p>

<form>
<label?for="male">Male</label>
<input?type="radio"?name="sex"?id="male"?/>
<br?/>
<label?for="female">Female</label>
<input?type="radio"?name="sex"?id="female"?/>
</form>

</body>
</html>

你只要點擊到Male或者Female，瀏覽器就會自動將焦點轉到和標簽相關的表單控件上。