慕田峪9304305
2017-09-12 16:52
<!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标签不是让文本聚焦到文本框的吗
我们来看课程中对于label的介绍:”label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上“
也就是说,在这段代码中,使用label后,你单击”账户“和”密码“两个标签后,你的输入指针可以自动聚焦到其文本框中,但是在实际运用中,你也可以不用label,在输入代码运行后用鼠标去直接去点文本框,那样指针同样也会出现在文本框中。所以在这里label标签可有可无。
你运行下,看看两个的效果差距就知道了,
初识HTML(5)+CSS(3)-升级版
1225810 学习 · 18234 问题
相似问题