回顾:
table标签中包括
1、thead表格的头部有加粗效果,
2、tbody作为表格的主体,不可以省略
3、tfoot是表格的底部,用作统计
每一行的数列应该相等
html表单
1.表单:是网页提交数据的载体,也是前后台交互的重要环节
用户-> 表单-> 后台-> 数据库
用户通过表单把数据提交后台,后台把数据上传到数据库中
例:注册、登录界面、搜索栏…都属于表单
2.表单的标签 form,属性action在没有数据库地址的情况下可以写a.action,在有数据库的情况下从数据库调用地址。
属性2:method有两种请求方式:
在传输信息中,传输报文分为请求行,请求体,请求尾。这两种是浏览器主要识别的两种方式
(1)GET:get参数拼接在url的后面,通过?分隔,传递的参数较少,并且没有请求体,例:查询信息,通过id删除信息,在不涉及保密的信息时可以使用get
(2)POST:参数存放在请求体中,传递参数较多,而且比较安全,后期会给传输数据进行加密处理。例:保存更新、学生信息、批量删除
属性3:enctpy,编码方式
(1)默认为:enctpy=“application/x-www-form-urlencoded” 是定义浏览器编译语言,浏览器会将参数转换为(字符串查询)
(2)multipart/form-data(多部分表单格式)一次性放一部分,当有附件在表单中,enctpy必须使用该值
3.input属性
(1)name 不能省略,作为参数中的key
(2)value 作为参数中的value,在按钮中务必指定value的值
(3)type:
text:单行本文框
password:密码框
submit:按钮
file:附件选择器
radio:单选按钮
checkbox:复选按钮
checked(=checkd)单值属性,默认选中,单选复选按钮中使用
(点住网址回车强制刷新网页)
select 单行文本框(行内元素)
属性:option 标签中的文本会显示在网页中,提交的值应该是option的value(不要省略)值,当这个值没有设定时,提交的是标签中的文本
textarea 多行文本域 (添加提示内容)
css
1.介绍:层叠 多个样式表修饰同一个元素,继承,优先级样式表 多个样式组合起来的表{ color:#fffff; }
2.使用方法:在html中如何应用css
(1)元素中添加style属性,style属性值为css样式规则
< div style=“width:100px;height:100px;”>
缺点 :样式与结构杂糅
有点:方便,直接,优先级高
(2)将样式添加到head标签中的style的标签里
** 参照接口**
http://134.175.154.93:8099/swagger-ui.html (后台接口)
将数据保存到数据库,或者用数据库查询数据