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

两种姓名和密码的书写方式有什么本质的不同吗

<form>
姓名:
<input type="text" name="myName">
<br/>
密码:
<input type="password" name="pass">
</form>

和下面的姓名、密码部分的书写方式有什么不同吗

<form method="post" action="save.php">
<label for="username">用户名:</label>
<input type="text" name="username" />
<label for="pass">密码:</label>
<input type="password" name="pass" />
</form>

正在回答

2 回答

没有本质上的不同,如果说有区别,后者用了lable标签,但lable标签你用错了,不会有任何效果。

其定义和用法:

<label> 标签为 input 元素定义标注(标记)。

label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

<label> 标签的 for 属性应当与相关元素的 id 属性相同。


1 回复 有任何疑惑可以回复我~
#1

Refactor易先生 提问者

非常感谢!
2015-10-03 回复 有任何疑惑可以回复我~

首先为什么“用户名:”用<label>标签包住?label标签的作用?

       <label for="username">用户名:</label>
       <input type="text" id="usename" name="username" />

你可以试试去掉<label>标签,或者用<span><p>等标签包住“用户名:”最终呈现在页面也是一样的效果,那回到第一个问题为什么用<lable>标签包住?        因为label标签是用来提示用户体验的这个作用,直白点说当你点击“用户名:”这几个字时,输入框同样会出现输入的光标,也就是不用非得点击输入框里面才能输入文字。

第二个就是<label>标签的用法:标签的for属性的值等于对应的input(输入框)的id!这样就把输入框和用户名联系起来了

<label for=""></label>

<input type="" id="" name="">

4 回复 有任何疑惑可以回复我~
#1

Refactor易先生 提问者

感谢:)
2015-10-21 回复 有任何疑惑可以回复我~
#2

Mtodream

明白了,多谢~
2015-11-26 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

两种姓名和密码的书写方式有什么本质的不同吗

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