<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>
没有本质上的不同,如果说有区别,后者用了lable标签,但lable标签你用错了,不会有任何效果。
其定义和用法:
<label> 标签为 input 元素定义标注(标记)。
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。
首先为什么“用户名:”用<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="">