表单

于 2021-04-25 19:07:48 发布
阅读量156 收藏 1
点赞数
文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Svipqc/article/details/116135963
版权

表单

现实生活中的表单是用来提交信息的，比如：办理银行卡填写的申请表、找工作填写的简历、入学时填写的个人信息表。这些都是表单的一种
网页中的表单是用来向服务器提交信息的，我们最常用到的表单就是baidu的搜索框
表单可以将用户填写的信息提交的服务器
例子：
在这里插入图片描述
表单项
在这里插入图片描述
input
input是我们使用的最多的表单项，它可以根据不同的type属性呈现不同的状态。
type属性可选值：
text：文本框
password：密码框
submit：提交按钮
radio：单选按钮
checkbox：多选框
reset ：重置按钮
select、option
select用于创建一个下拉列表。
option表示下拉列表中的列表项。
optgroup用于为列表项分组。

倾城创始人
关注
博客
表格
04-29 129
表格（table）在网页中表格可以用来表示一些格式化的数据▪ 用来创建一个表格table▪ tr表示表格中的一行tr▪ td表示一个单元格▪ 表格的列数，由td最多的那行决定□ colspan 横向的合并单元格□ rowspan 纵向的合并单元格▪ 属性：td▪ 表格头部，用来放头部的trthead▪ 表格的主体，用来放主体的tr▪ 注意：如果创建表格时，没有指定tbody，则所有的td会自动添加到一个tbodytbody▪ 表格的底部，用来放底部的trtfoot▪
博客
背景相关的样式
04-29 170
背景相关的样式background-image背景颜色background-color背景的重复方式▪ repeat 水平垂直双方向重复▪ repeat-x 水平方向重复▪ repeat-y 垂直方向重复▪ no-repeat 不重复可选值：background-repeat设置背景图片的尺寸▪ 可以设置数值或百分比（auto） ▪ cover 背景图片铺满元素▪ contain 让背景图片在元素中完整显示可选值：background-size□ top left righ
博客
弹性盒模型
04-25 123
弹性盒（FlexBox）.FlexBox是CSS提供的用于布局的一套新属性。弹性盒是一种简单而强大的布局方式，通过弹性盒可以指明空间的分布方式，内容的对齐方式和元素的视觉顺序。弹性盒能让元素对不同的屏幕尺寸和不同的显示设备做好适应准备。两个重要的概念弹性容器（flex container）负责在所占空间内布置子元素，控制子元素的布局。弹性项（flex item）弹性容器的子元素称为弹性项或弹性元素。弹性容器使用display:flex或display:inline_flex将一个元素设置
博客
字体相关的样式
04-22 95
字体相关的样式字体颜色○ color字体大小○ font-size○ 相关单位em□ 1em等于1个font-size（当前元素的font-size） ▪ em□ 1rem等于1个根元素的font-size行高文本在网页中都需要创建一个文本框，行高就是文本框的高度○ 使用 line-height来设置行高，文字默认是在行高中居中○ 行高可以指定一个像素值，也可以指定一个整数，指定一个数字的话行高就会是字体的指定的倍数▪ 行间距 = 行高 - 字体大小○ 通过行高可以用来设置行间
博客
自增长列
04-18 100
自增长列(auto_increment)实现，用户的学号，自动增长，create table stu4(id int primary key auto_increment,name varchar(50)); ##插入数据insert into stu4(name) values(“zsf”);insert into stu4(name) values(“zs”);
博客
唯一约束
04-18 114
唯一约束（unique）不重复，可以为空给名字添加唯一的 约束create table stu3(id int primary key,name varchar(50) unique);insert into stu3(id,name)values(1,‘zaf’);insert into stu3(id,name)values(2,‘zaf’);ERROR 1062 (23000):Duplicate entry ‘zsf’ for keyinsert into stu3(id,nam
博客
主键约束
04-18 126
主键约束（primary key）特点:不能为空，不重复##没有约束create table stu0(id int,name varchar(50))insert into stu0(name) values(“zsf”);##方式一：创建表，并添加主键约束create table stu1(id int primary key,name varchar(30)); ##方式二：create table stu2(id int,name varchar(30),prim
博客
数据完整性
04-18 123
数据完整性1.1什么是数据完整性作用：保证 用户的输入的数据 保存到数据库 是正确的。比如:年龄：应该是数字，学号：应该是不重复的。成绩：不能为空怎么去保证数据的完整性：添加约束。完整性约束分类：实体（记录）完整性域完整性引用完整性1.2实体完整性（行）实体(entity):就是表中一行的（记录）数据。实体完整性：标识 每一条数据不重复。约束类型（通过什么方式解决这个问题）：主键约束（primary key）不能为空，不重复唯一约束（unique）不重复，可以为空自增
博客
表与表之间的关系
04-13 184
表与表之间的关系为什么要拆表拆分表的目的：为了解决数据冗余问题，可以减少重复数据的储存，表的结构也更加清晰拆分之后：在某些业务夏，需要查询多个表，速度减低了。空间和时间表与表之间的关系1.一对一人与身份证的关系：注意：（1）一对一不存在数据荣冗余问题？？可以不拆分表么？可以（2）什么场景需要拆分用户信息＋身份证＋… 表中的字段太多了2.一对多最最常见的关系：学生和成绩的关系：1个学生有多个成绩 。部门和员工的关系：1个部门有多个员工。这种关系怎么去建立，怎么去表达在“多”
博客
数据库的概念
04-11 109
数据库的概念Mysql：数据库软件数据库：在软件里面创建多个数据库（逻辑，文件夹）表：在数据库中，可以创建多个表数据：数据必须存储在表中SQL语句分类DQL查询语言对表中 数据 的查询DM（manager）L操作语言对表中数据的操作添加数据、删除数据、更新数据、查询数据（DQL）对Excel中的数据进行处理DDL定义语言对数据库（database）、表（table）结构的定义创建数据库、删除、修改创建表、删除、修改创建一个Excel文件DCL权限控制对用户的权限的管理设
博客
CSS中高度塌陷最佳解决方案
04-08 136
CSS中解决高度塌陷（BFC）的方法高度坍塌：在流式布局中十分常见，当父元素没有高度，子元素设置了float时。导致元素脱离文档流。原因：子元素脱离文档流，无法撑开父元素运行原因：第一个父元素没有设置高度，子元素设置浮动，导致高度被撑开解决最佳方案：哪个块高度塌陷直接加入即可，既可以解决高度塌陷问题，又可以解决外边距重叠问题。.clearfix::before,.clearfix::after{content:"";display:table;clear: both; }缺点
博客
mysql中删除数据库语句
04-07 2439
删除数据语法delete from 表名 where 条件删除所有数据delete from t_user ;根据条件删除删除学号为1学生数据delete from t_user where id = 1 ;删除名字为ww学生数据delete from t_user where name = ‘ww’ ;truncate 删除删除所有数据truncate table t_user;truncate与delete 删除的区别（面试题）Delete：一行一行的把数据删除Trunca
博客
什么是模糊查询？
04-07 1万+
什么是模糊查询介绍（1）当想查询学生姓名中包含字符a，就需要使用到模糊查询，模糊查询的话使用关键字是like（像）（2）通配符：任意一个字符张_：张三，张三丰张__：张三，张三丰%：表示0或者多个字符张%通配符：_查询名字由五个字母构成的 学生记录Select *from stu where sname like ‘_____’;查询名字由五个字母构成的,并且第五个字符是i 学生记录Select *from stu where sname like ‘____i’;通配符: %
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值