实验四 表单控件实验.docVIP

信息工程学院

实验报告用纸

实验名称:表单控件实验姓名:刘波实验场地:产教A111同组者：

第页

实验名称：表单控件实验

1、实验目的

1）掌握表单控件。

2）掌握表单标签属性的使用。

2、实验要求

结合给出的素材，运用表单控件及相关属性实现图2-1所示的会员注册模块。

图2-1表单控件

3、实验环境

硬件：PC机

软件：XP、WIN11系统，Web浏览器，HBuilder

4、实验操作步骤

1.搭建基本结构，代码如图4-1所示。

图4-1表单控件

保存并运行实践案例，效果如图4-2所示。

图4-2表单控件

2．定义CSS样式

（1）引入CSS样式

linkrel=stylesheettype=text/csshref=style.css

（2）定义基础样式，代码如图4-3所示。

图4-3表单控件

（3）整体控制表单界面，代码如图4-4所示。

图4-4整体控制表单界面

（4）控制标题和表单控件，代码如图4-5所示。

图4-5控制标题和表单控件

保存并运行实践案例，效果如图4-6所示。

图4-6表单控件

5、实验分析

该练习主要考察对表单属性和控件的掌握程度。观察效果图4-6，可以看出整个界面整体上可以分为上面的标题和下面的表单两部分。使用form标记对界面进行整体控制，使用