首页 > 其他分享 >表单标签补充

表单标签补充

时间:2022-12-01 19:23:36浏览次数:34  
标签:name 补充 标签 value 表单 type 属性

表单标签的补充说明

  1. 用于获取用户数据的标签至少应该含有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查看网络活动来理解,如下:

请输入性别: 其他

  1. 如果不需要用户填写数据 只需要选择 那么我们需要自己填写value
  <input type="radio" name="gender" value="male">

如上面这个单选框,它不需要用户填写数据。所以我们应该给他写一个value属性。
所有'male'对应给后端传输的字典的值。传输的字典类似:{'gender':'male'}
ps:没有name属性的标签 form表单会直接忽略 不会发送

3.针对input标签理论上应该配一个label标签绑定 但是也可以不写



4.标签的属性如果和属性值相等 那么可以简写


5.针对选择类型的标签可以提前设置默认选项






6.下拉框与文件上传可以复选

标签:name,补充,标签,value,表单,type,属性
From: https://www.cnblogs.com/passion2021/p/16941701.html

相关文章