表单看不懂

Question

请问label for 和input type  name分别是什么意思

Answer 1

label里的是 标签名 ，在你这里是 用户名 ，密码 这几个字

 ，for = 'username' 给id为 username的 表单标签添加上 这个 label 里的名字

input 是 html表单标签 

type 标签类型 可以是常用的有

text   可以输入文本

password   可以输入密码  

 radio   单选框

 checkbox 复选框

name 是这个表情你定义的名字， 可以不设置，与后台接口用的

那么为什么要用label呢 ，不直接用

用户名: <input type="text" name="username" id='username'>

因为 上面这种情况，反映在页面里的时候，点用户名三个字，光标不会选中后面的输入框

但是

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

当你点击用户名三个字的时候，光标同样会跳到后面的inpu输入框里

用户体验更好了。

Answer 2

白拿分的题 快来人回答吧