实验三HTML表格与HTML表单.docx

1、实验三HTML表格与HTML表单淮海工学院计算工程学院实验报告书课程名： Web应用开发技术 题 目： HTML表格与HTML表单 班 级： 学 号： 姓 名： HTML表格与HTML表单一 实验目的掌握网页中插入表格数据的标记的用法。掌握不规则表格的创建方法掌握表格外观控制属性的应用掌握HTML表单的作用、HTML表单的两种提交方法及各自的使用场合；掌握不同类型表单元素的使用方法；二 实验内容和要求实验内容：1.创建网页文件sales.html，网页的标题为“ACME公司2014年销售输入”，使用合适的表格标记及属性显示ACME公司2013的4种产品4个季度的销售额。显示效果如下（单元格数据

2、为随机值，可以使用font等标记设置颜色等外观样式）：产品/季度一季度二季度三季度四季度Sass1000120080003000LESS500025004850Stylus300036504900Myth5006506001200SubTotal650073501250015950Total￥423，000.002. 创建如下图所示的表单：实验要求：1.所有参与实验同学独立完成“实验内容”部分，并记录实验步骤和结果填写在“实验步骤”、“实验结果”相应部分；2.所有参与实验同学均需参阅资料，完成实验报告“思考题”部分内容。特别提示：若实验报告出现雷同情况，所涉及同学均无相应成绩；三 实验步骤实验

3、代码：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. 实验三表单 Name Value Name Sex Male Female Eye color green blue yellow Check all that apply Over 5 feet tall Over 20

4、0 pounds Describe your athletic ability: 四 实验结果五 思考题1.使用HTML表格标记创建个人课程表，如下图所示：课程表 周一 周二 周三 周四 周五 周六 周日 7:451 计算机组成原理216 计算机组成原理214 8:352 9:303 web应用开发技术计105 数据库原理及应用204 网球俱乐部主操场 数据库原理及应用204 10:254 11:155 14:006 计算机网络-204 马克思主义基本理论概论 计算机网络-204 大学英语（四）N103 14:507 15:458 web应用开发技术计105 16:409 2.创建HTML表单时何时使用GET提交，何时使用POST提交？答：大规模数据传输时使用post小数据时使用get3.使用input标记可以创建的表单元素有哪些？如何创建？答：有单行文本框，单选，多选，下拉框等，在网页中利用即可创建，type的值代表创建的控件。4.在HTML表单中label标记的作用是什么？如何应用label标记？答：创建文本标签，使用时添加即可