为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/HTML/CSS

/初识HTML(5)+CSS(3)-升级版

关于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

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

关注问题 我要回答
1404
操作
收起

正在回答

2 回答

陆淮 回答被采纳 +2 积分
2017-09-12

我们来看课程中对于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条回复
争取属于我的
2017-09-12 
你运行下，看看两个的效果差距就知道了，


0 回复 有任何疑惑可以回复我~
收起回答

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225768    人
  • 解答问题       18233    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

本课相似问答

4 回答关于form标签问题

2 回答关于form标签问题

1 回答5-9关于form表单中的label标签

8 回答form标签中的问题

4 回答关于li标签
搜索更多本课相关问答

关于form标签

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信