一、实验目的
- 了解表单及其属性。
- 掌握input控件常用类型的使用。
- 熟悉textarea控件的使用。
- 熟悉select控件的使用。
- 熟悉使用CSS3美化表单。
二、实验环境
IDEA2019、Windows10、Html5、CSS3。
三、实验要求
表单项包括文本框、文件、单选框、复选框和下拉列表等类型，有相应的提示信息、表单控件和表单域组成。实验中通过表单进行布局和设计，并使用CSS对表单进行美化（背景图片课中提供），制作出一个信息登记表模块,效果图如下：
四、实验过程（部分核心代码）
1.本实验的CSS参考代码以及头部代码如图1所示。
2.表单部分的参考代码如图2-图4所示。
五、实验结果与分析
1.实验结果效果如图5所示。
附件下载
本教程代码文件将于5月9日发布。
