实验三HTML表格与HTML表单.docx
《实验三HTML表格与HTML表单.docx》由会员分享，可在线阅读，更多相关《实验三HTML表格与HTML表单.docx（10页珍藏版）》请在冰点文库上搜索。
实验三HTML表格与HTML表单
淮海工学院计算工程学院
实验报告书
课程名：
Web应用开发技术
题目：
HTML表格与HTML表单
班级：
学号：
姓名：
HTML表格与HTML表单
一实验目的
●掌握网页中插入表格数据的标记的用法。
●掌握不规则表格的创建方法
●掌握表格外观控制属性的应用
●掌握HTML表单的作用、HTML表单的两种提交方法及各自的使用场合；
掌握不同类型表单元素的使用方法；二实验内容和要求
实验内容：
1.创建网页文件sales.html，网页的标题为“ACME公司2014年销售输入”，使用合适的表格标记及属性显示ACME公司2013的4种产品4个季度的销售额。
显示效果如下（单元格数据为随机值，可以使用font等标记设置颜色等外观样式）：
产品/季度
一季度
二季度
三季度
四季度
Sass
1000
1200
8000
3000
LESS
5000
2500
4850
Stylus
3000
3650
4900
Myth
500
650
600
1200
SubTotal
6500
7350
12500
15950
Total
￥423，000.00
2.创建如下图所示的表单：
实验要求：
1.所有参与实验同学独立完成“实验内容”部分，并记录实验步骤和结果填写在“实验步骤”、“实验结果”相应部分；
2.所有参与实验同学均需参阅资料，完成实验报告“思考题”部分内容。
特别提示：
若实验报告出现雷同情况，所涉及同学均无相应成绩；
三实验步骤
实验代码：
1.
ACME公司2014年销售输入
| 产品/季度 | 第一季度 | 第二季度 | 第三季度 | 第四季度 |
|---|
| Sass | 1000 | 1200 | 8000
3000 |
| Less | 5000
2500 | 4850 |
| Stylus | 3000 | 3650 | 4900 |
| Myth | 500 | 650 | 600 | 1200 |
Subtotal | 6500 | 7350 | 12500 | 15950 |
Total | ￥423，000.00
2.
实验三表单四实验结果
五思考题
1.使用HTML表格标记创建个人课程表，如下图所示：
课程表
周一
周二
周三
周四
周五
周六
周日
7: 45
1 | | 计算机组成原理@Ⅲ216
| | 计算机组成原理@Ⅲ214
| |
8: 35
2 | | | | | |
9: 30
3 | web应用开发技术@计105
| 数据库原理及应用@Ⅲ204
网球俱乐部@主操场
数据库原理及应用@Ⅲ204
| |
10: 25
4 | | | |
11: 15
5 | | | | | | |
14: 00
6 | 计算机网络@Ⅲ-204
马克思主义基本理论概论
| 计算机网络@Ⅲ-204
大学英语（四）@N103
| |
14: 50
7 | | | |
15: 45
8 | | | | web应用开发技术@计105
| |
16: 40
9 | | | | | | | 2.创建HTML表单时何时使用GET提交，何时使用POST提交？
答：
大规模数据传输时使用post小数据时使用get
3.使用input标记可以创建的表单元素有哪些？
如何创建？
答：
有单行文本框，单选，多选，下拉框等，在网页中利用即可创建，type的值代表创建的控件。
4.在HTML表单中label标记的作用是什么？
如何应用label标记？
答：
创建文本标签，使用时添加即可
升级会员 