1.<form action="..." method="get">
action写提交的地址;
2.chrome控制台打开,选择network,勾选preserve log,下面选项卡选all
3.method=get,提交表单后表单内容会明文显示在url里面,method=post,提交表单后不会显示内容.而且get的表单如果数据量很大,用get会截断数据.
4.get用于向后台发送命令(内容少),没有安全性要求的情况,比如搜索引擎输入关键词;post用于对安全性有要求,和传输量很大的内容.
-
label里面写文字表示input框的名称,显示在input前面,input添加id=“xx”,label里添加for=“xx”,就可以产生点击label锁定input框开始输入的效果.
label for
6.checkbox的value决定了提交给后端的值.name写一样的,表示是对同一项的不同结果.如果没有value,name给后台的提示就只有on或者没有
前端代码
浏览器监控
7.file,accept限制了上传文件的种类和格式.但是前端这里限制了之后,用户通过修改浏览器代码仍然可以上传其他文件,需要后端同时在这里作出一个限制,保证后端拒绝这种文件.
image.png
8.select,注意看select的name在哪,select的name必须写,不写的话代码就无效了.在option的属性里加一个selected,就设为默认选项了
代码
network
9.textarea的value直接写在标签内,不需要专门写个value属性
ddd
hidden
