web程序设计实验二
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
实验二HTML表单实验
学号:092715206 姓名:崔兆文
1.1 实验目的
通过实验掌握HTML的table标签使用方法；利用table进行页面布局。掌握html表单的基本制作方法。
1.2 实验要求
请完成实验并将实验过程写在下面的实验内容部分，每题要求给出题目、源代码（带必要的注释）以及程序运行效果截图。
1.3 实验内容
题1：利用表格实现如下登陆界面的布局（整体居中），并利用文本框控件制作用户名和密码输入框，利用按钮控件实现登陆按钮：
备注：
（1）整个网页有灰色背景
（2）表格宽度由第二行图片宽度决定，第一和第三行高度35，第二行放置一个蒲公英的图片作为该行背景，行的高度由图片高度决定
（3）第三行放置相应的控件实现类似效果即可。
源代码：
运行效果截图：
题2：制作如下图所示的居中登陆框效果。
备注：
（1）表格整体宽度300像素，该表格位于一个div标签中，div有灰色的边框，表格分若干行（自己决定几行，做出类似效果即可）。
（2）点击登录按钮后跳转到如下页面。（该页面使用了一个textarea控件），宽度差不多就行）
（3）点击“继续”按钮跳转到如下页面，表格宽度和各列宽度自己定，做出类似效果即可。提示：表格边框色可以在table中添加“bordercolor=…”属性实现
将上面三个页面的源码，分别粘贴在下面，并将你最终的页面运行效果截图粘贴在下面。源代码：
第一个页面：
第二个页面：