day2_表格_表单_页面布局

智斌 小学一年级: 1 楼; 1.居中问题：

2.表格：table

1.有行有列的标签

2.table的组成部分：
1.th:行标题
th是一种特殊的单元格
th是标题单元格：
文本加粗

2.tr：一个tr是一行
3.td：一个td是一个单元格

3.表格的图形结构
1. cell：单元格
space：空间

2.结构：比如单元格之间的距离
cellspacing:单元格之间的空隙
border：边框

3.合并单元格
colspan="n":该单元格占几列:即，一列等几列
rowspan="n":该单元格占几行：即，一行等几行
使用colspan、rowspan需要删除多余的单元格

4.逻辑标签：跟编写顺序无关
thead：表头显示在表格的上部
tbody:内容显示在表格的中间
tfoot:表脚显示在表格的底部

5.caption整个表格的标题：
一个表格只能有一个caption
caption是table的第一个子标签

4.表单：向后端发送数据的一系列标签

1.form标签属性：
1.action：
后端url地址:表单提交地址
2.method:表单提交方式，常用post
1.get:以明文的形式提交
2.post：数据以匿名形式提交
3.enctype：上传文件需要添加enctype属性

2.input的type属性值：

1.text:文本输入框
2.password:匿名输入框
3.submit:提交按钮

4.radio:单选
1.name值相同的radio表示是一组
一个组内的radio只能选一个，
不同的组之间可以复选
2.checked:选中

5.checkbox:复选框
1.name值相同的checkbox表示是一组
2.checked:选中

6.reset:重置按钮
1.button:普通按钮
2.file:文件上传

3.select:下拉框
1.一个option表示一个下拉值
2.下拉框即单选框
select的name是提交到后端的名字

option:selected选中

例子：
省：

4.textarea:文本输入域
cols:宽度
rows:高度

例子：
自我介绍

5.输入框：操作
1.placeholder:输入提示
2.required:必填项
3.maxlength:输入文本最大长度
4.size:文本框的宽度
5.pattern:正则校验

6.注意：input/select name:数据提交到后端的名字

5.编写页面要注意页面布局：

常用布局标签：
1. p
div
2.header:页面的头
3.section:页面主体
4.footer:页面的底部
5.table:通过无边框的表格布局; 2018-09-08 15:05:32

加入团队

> 返回Web前端工程师团队

这个团队的成员也喜欢去 ··· ···

: Web应用 (1828)

: 网站策划 (1751)

: 计算机网络.. (2000)

: PS高手进阶.. (1821)

: 搜索引擎优.. (1746)

: Java 技术联.. (1979)

: 网赚—SEO.. (1832)

: .NET人生 (2000)

day2_表格_表单_页面布局

最新加入成员 ··· ···

这个团队的成员也喜欢去 ··· ···

社区团队公告 ··· ···

邀请成员

豆丁提示：

豆丁提示：

豆丁提示：

豆丁提示：

豆丁提示：

豆丁提示：

豆丁提示：


	邀请成员通过HI QQ MSN 等聊天工具向好友发送入团邀请发送豆丁消息邀请成员(特权每天可使用1次。每次最多2人) (输入邀请成员的用户名，多个用户用“;”隔开)


	豆丁提示：太可惜了，您真的要放弃加入这个优秀团队的机会?


	豆丁提示：您确定要拒绝该用户加入团队的申请吗？


	豆丁提示：您之前所做的团队任务经验值有效，退出团队将不能领取该团任务，您确定退出吗？


	豆丁提示： null


	豆丁提示： null 查看详情


	豆丁提示：您确定要删除该团队成员吗？