表单标签的补充说明
- 用于获取用户数据的标签至少应该含有name属性
# 有如下示例:
<form>
请输入性别:
<input type="radio" name="gender" value="male">男</input>
<input type="radio" name="gender" value="female">女</input>
<input type="radio" value="others">其他</input><br><br>
<input type='text' name='text_input' value='hello'>
<input type="submit">
</form>
name:表单提交时的“键”,注意和id的区别
用户输入的数据会被保存到标签的value属性中
value:表单提交时对应项的值
type="button", "reset", "submit"时,为按钮上显示的文本年内容
type="text","password","hidden"时,为输入框的初始值
type="checkbox", "radio", "file",为输入相关联的值
这里最好是通过F12查看网络活动来理解,如下:
- 如果不需要用户填写数据 只需要选择 那么我们需要自己填写value
<input type="radio" name="gender" value="male">
如上面这个单选框,它不需要用户填写数据。所以我们应该给他写一个value属性。
所有'male'对应给后端传输的字典的值。传输的字典类似:{'gender':'male'}
ps:没有name属性的标签 form表单会直接忽略 不会发送
3.针对input标签理论上应该配一个label标签绑定 但是也可以不写
4.标签的属性如果和属性值相等 那么可以简写
5.针对选择类型的标签可以提前设置默认选项
6.下拉框与文件上传可以复选