HTML表单学习笔记

1.<form action="..." method="get">
action写提交的地址;

2.chrome控制台打开,选择network,勾选preserve log,下面选项卡选all

3.method=get,提交表单后表单内容会明文显示在url里面,method=post,提交表单后不会显示内容.而且get的表单如果数据量很大,用get会截断数据.

4.get用于向后台发送命令(内容少),没有安全性要求的情况,比如搜索引擎输入关键词;post用于对安全性有要求,和传输量很大的内容.

5. 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 10.hidden,完全不会显示在页面上的隐藏项目. hidden