day02

1.input属性

reset重置
hidden隐藏域
range滑块
datatime-local时间日期选择器

2.其他标签

progress进度条

3.想要点击文字让表单元素聚焦

1.label标签直接包裹表单元素
2.label for 属性 和 input id属性要一致 文字放在label中

4.input标签的所有属性

• text 明文输入框
• password 暗文输入框
• radio 单选按钮 将所有单选按钮设置同一个name
• checkbox 复选按钮
• button 普通按钮
• image 图片按钮
• reset 重置按钮
• submit 提交按钮
• hidden 隐藏域
• file 上传文件

H5新增
* range 滑块 max min value step
* email 邮箱 提交时候会对邮箱验证 11@11
* tel 电话 使用pattern 做正则校验
* url url做校验 https://11
* color 取色器
* date 日期选择器
* datatime-local 时间日期选择器
* number 数字表单元素 只允许输入一组数字

5.http协议

超文本传输协议(HyperText Transfer Protocol);
客户端(一般指的是浏览器)和服务器请求应答的通信协议;
客户端发送的数据会被封装成请求报文给服务器端
请求报文:
请求行 请求方式 url http1.1
请求头 content-type 请求头格式 application/json
空行 回车 换行 分割内容
请求体 get请求发送的数据会携带在地址栏 post发送的数据携带请求体中
服务器端响应给客户端的数据也会被封装成响应报文
响应报文：
响应行 http1.1 状态码 状态码描述 200 OK / 500 Internal Serve Error
响应头 content-type:application/json
响应体 {status:200,message:"新增成功",data:[{}],timestatmp:时间戳}

get与post的区别

1.get携带的参数携带在地址栏 http://121.199.0.15:7001/user/findById?id=1&name='zhangsan';
2.post携带的参数携带在请求体中
3.get携带的参数有限制 1kb post携带的参数量大
4.安全性 get参数在地址栏 安全性差 post请求参数在请求体中 安全性好
5.get请求会被浏览器缓存 浏览器支持get请求 post请求不会被缓存 浏览器不支持post请求