实验四 表单控件实验.pdfVIP

Web前端开发实验

实验四表单控件实验

一、实验目的

1）掌握表单控件。

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

二、实验设备

硬件：PC机

软件：XP、WIN7、8、8.1、10系统，Web浏览器，HBuilder

三、实验要求

请结合给出的素材，运用表单控件及相关属性实现图7-53所示的会员注册

模块。

图7-53“会员注册”模块效果展示

四、实验分析

该练习主要考察对表单属性和控件的掌握程度。观察效果图7-53，可以看

出整个界面整体上可以分为上面的标题和下面的表单两部分。使用form标记对

界面进行整体控制，使用h2标记搭建标题结构。另外，表单部分排列整齐，每

一行模块可以使用p标记搭建整体结构。并且，每一行由左右两部分构成，左

边为提示信息，由span标记搭建结构；右边为具体的表单控件，由input/标

1