问答详情
源自:6-2 先来填用户名和密码 - 文本输入框、密码输入框

这两段代码有何不同?

<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 10:53

个回答

  • 丶小八戒
    2015-12-06 11:09:14
    已采纳

    <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,浏览器就会自动将焦点转到和标签相关的表单控件上。

  • echo_kinchao
    2015-12-07 11:35:13

    Label  只是起到锚点作用