1、淮海工学院计算工程学院实 验 报 告 书课 程 名 ： Web 应用开发技术 题 目： HTML 表格与 HTML 表单 班 级： 学 号： 姓 名： 评语：成绩： 指导教师： 批阅时间： 年 月 日Web 应用开发技术实验报告 - 0 -HTML 表格与 HTML 表单一 实验目的 掌握网页中插入表格数据的标记的用法。 掌握不规则表格的创建方法 掌握表格外观控制属性的应用 掌握 HTML 表单的作用、HTML 表单的两种提交方法及各自的使用场合；掌握不同类型表单元素的使用方法；二 实验内容和要求实验内容：1.创建网页文件 sales.html，网页的标题为“ACME 公司 2014 年销售输
2、入” ，使用合适的表格标记及属性显示 ACME 公司 2013 的 4 种产品 4 个季度的销售额。显示效果如下（单元格数据为随机值，可以使用 font 等标记设置颜色等外观样式）：产品/季度 一季度 二季度 三季度 四季度Sass 1000 1200 3000LESS 250080004850Stylus50003000 3650 4900Myth 500 650 600 1200SubTotal 6500 7350 12500 15950Total ￥ 423， 000.002. 创建如下图所示的表单：实验要求：1.所有参与实验同学独立完成“实验内容”部分，并记录实验步骤和结果填写在“实验
3、步骤” 、 “实验结果”相应部分；2.所有参与实验同学均需参阅资料，完成实验报告“思考题”部分内容。特别提示：若实验报告出现雷同情况，所涉及同学均无相应成绩；三 实验步骤实验代码：Web 应用开发技术实验报告 - 1 -1.ACME 公司 2014 年销售输入产品/季度第一季度第二季度第三季度第四季度Sass1000120080003000Less500025004850Stylus300036504900Myth5006506001200Subtotal6500735012500Web 应用开发技术实验报告 - 2 -15950Total￥423，000.002.实验三表单 NameValu
4、eNameSexMaleFemaleEye colorgreenblueyellowCheck all that applyOver 5 feet tallOver 200 poundsDescribe your athletic ability:Web 应用开发技术实验报告 - 3 -四 实验结果五 思考题1.使用 HTML 表格标记创建个人课程表，如下图所示：Web 应用开发技术实验报告 - 4 -课程表周一周二周三周四周五周六周日Web 应用开发技术实验报告 - 5 -7:451计算机组成原理 216计算机组成原理 2148:3529:303web 应用开发技术 计 105数据库原理及应
5、用 204网球俱乐部 主操场数据库原理及应用 20410:25411:15514:006Web 应用开发技术实验报告 - 6 -计算机网络 -204马克思主义基本理论概论计算机网络 -204大学英语（四）N10314:50715:458web 应用开发技术 计 10516:4092. 创建 HTML 表单时何时使用 GET 提交，何时使用 POST 提交？答：大规模数据传输时使用 post 小数据时使用 get3. 使用 input 标记可以创建的表单元素有哪些？如何创建？答：有单行文本框，单选，多选，下拉框等，在网页中利用即可创建，type 的值代表创建的控件。4. 在 HTML 表单中 label 标记的作用是什么？如何应用 label 标记？答：创建文本标签，使用时添加即可Web 应用开发技术实验报告 - 7 -
