《实验三_HTML表格与HTML表单.doc》由会员分享,可在线阅读,更多相关《实验三_HTML表格与HTML表单.doc(8页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、如有侵权,请联系网站删除,仅供学习与交流实验三_HTML表格与HTML表单【精品文档】第 5 页淮海工学院计算工程学院实验报告书课程名: Web应用开发技术 题 目: HTML表格与HTML表单 班 级: 学 号: 姓 名: 评语:成绩: 指导教师: 批阅时间: 年 月 日HTML表格与HTML表单一 实验目的l 掌握网页中插入表格数据的标记的用法。l 掌握不规则表格的创建方法l 掌握表格外观控制属性的应用l 掌握HTML表单的作用、HTML表单的两种提交方法及各自的使用场合;掌握不同类型表单元素的使用方法;二 实验内容和要求实验内容:1.创建网页文件sales.html,网页的标题为“ACM
2、E公司2014年销售输入”,使用合适的表格标记及属性显示ACME公司2013的4种产品4个季度的销售额。显示效果如下(单元格数据为随机值,可以使用font等标记设置颜色等外观样式):产品/季度一季度二季度三季度四季度Sass1000120080003000LESS500025004850Stylus300036504900Myth5006506001200SubTotal650073501250015950Total¥423,000.002. 创建如下图所示的表单:实验要求:1.所有参与实验同学独立完成“实验内容”部分,并记录实验步骤和结果填写在“实验步骤”、“实验结果”相应部分;2.所有参与
3、实验同学均需参阅资料,完成实验报告“思考题”部分内容。特别提示:若实验报告出现雷同情况,所涉及同学均无相应成绩;三 实验步骤实验代码:1.ACME公司2014年销售输入产品/季度第一季度第二季度第三季度第四季度Sass1000120080003000Less500025004850Stylus300036504900Myth5006506001200Subtotal650073501250015950Total¥423,000.002.实验三表单NameValueNameSexMale FemaleEye color green blue yellowCheck all that applyO
4、ver 5 feet tall Over 200 poundsDescribe 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标记?答:创建文本标签,使用时添加即可