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

关于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标签不是让文本聚焦到文本框的吗

提问者：慕田峪9304305 2017-09-12 16:52

个回答

  • 陆淮
    2017-09-12 17:17:22
    已采纳

    我们来看课程中对于label的介绍：”label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上“

    也就是说，在这段代码中，使用label后，你单击”账户“和”密码“两个标签后，你的输入指针可以自动聚焦到其文本框中，但是在实际运用中，你也可以不用label，在输入代码运行后用鼠标去直接去点文本框，那样指针同样也会出现在文本框中。所以在这里label标签可有可无。

    1
  • 争取属于我的
    2017-09-12 17:10:31

    你运行下，看看两个的效果差距就知道了，


    0