前端—table表格、form表单
一、表格table
1.标签
(1)table 表格
(2)tr 表格行
(3)th 表头
(4)td 单元
2、css reset
table{border-collapse;} 单元格间隙合并
th,td{padding:0;} 重置单元格默认填充
3、单元格合并
(1)colspan 横向合并
(2)rowspan 纵向合并
口诀:
一找(想要合并的第一个单元格)
二合(合并单元格)
三删除(将多余的单元格删除)
二、表单form
1、表单元素
<input type="" name="" value="" >
type类型:
- text文本框(单行) placeholder 提示文本
- password 密码框
- radio 单选框
- checkbox 复选框
- button 按钮
- submit 提交按钮(点击会将表单信息提交到指定地址)
- reset 重置按钮
- file 选择文件
- hidden 隐藏
select / option 下拉选择框
textarea 文本域(多行)
2、method
(1)get 信息拼接在地址后,信息不安全
(2)post 信息打包发送,信息安全
3、attr
(1)action 数据提交地址
(2)method 数据提交方式
- get 默认值
- post