一、H5新增元素
datalist标签
<input type="text" list="xxx">
<datalist id="xxx">
<option>xxx</option>
</datalist>
作用: 给输入框绑定待选项
操作：input的list属性值与datalist的id值相同
progress
<progress value="70" max="100">70%</progress>
作用：表示任务的完成情况，常用于进度条
max 定义进度元素所要求的任务的工作量，默认值为1
value 定义已经完成的工作量，如果max值为1，该值必须是介于0~1之间的小数。
邮箱
<input type="email">
作用：可以自动校验输入的内容是否符合邮箱的格式
域名
<input type="url">
作用：可以自动校验输入的内容是否是URL地址
数字
<input type="number">
作用：输入框中只能输入数字
时间
<input type="date">
作用：可以通过日历来选择时间
颜色
<input type="color">
作用：可以通过取色板来选择颜色
二、HTTP协议
- 表单：提交数据
- 交互：HTTP协议
- 客户端大前端 请求------>
- <------响应 服务端 后端
HTTP报文的分类有两种：请求报文和响应报文。顾名思义，请求报文就是客户端向服务端发送请求的信号，响应报文就是服务端响应处理后回传给客户端的信号。
请求报文
请求行、请求头、空行、请求体
请求方式
get与post请求的区别？ 面试题
get：传输数据量小 参数携带在URL后面 没有请求体 没有数据保密性
post：传输数据量大 参数携带在请求体里 数据保密性强（swagger-login/register）
cookie：把用户的喜好在电脑本地创建了一个记录，当用户下次再浏览相同网页时，会在电脑本地拿到cookie，会进行喜好筛选推荐
请求头
Host：请求的主机名，允许多个域名同处一个ip地址，即虚拟主机
空行：用作请求头与请求体之间的内容分割
请求体
包含请求携带数据，所以，get是没有请求体的
响应报文
状态行、响应头、空行、响应体
状态行
告诉前端请求是否正确，若错误，通过状态码分析错误原因，调整bug
200 成功
4xx 前端请求错误（url/请求数据格式错误/语法错误/...）
5xx 服务器错误，联系后台人员解决
响应头
Content-Type：返回的资源类型 (MIME)；
Connection：连接方式；
close：连接已经关闭；
keep-alive：连接已保持，在等待本次连接的后续请求；
空行
分隔响应头与响应体
响应体
返回给前端的数据，响应信息
