试验11 表单网页

试验目的

为了让学生掌握如何创建表单网页；了解各个表单对象属性的设置；熟练掌握各个表单对象不同的使用范围。

试验环境

 硬件环境：考核用机为奔腾以上兼容机，内存不少于 32M ，最好 64M 或 128M ；

硬盘不小于 500M ； VGA 彩显，带鼠标器。  操作系统：Windows95/98/me/2000/XP

 软件环境：Dreamweaver 8

 特殊要求：必须将IIS配置好，能正常进行WEB浏览

素材准备

准备制作网页所需的文字素材、图像素材、音乐素材。

试验课时

2学时

试验内容

 插入表单

 插入表单对象：文本框、复选框、单选按钮、按钮、复框框、图像域、密码域、列

表和菜单

试验要求

要求学生能利用表单来创建网页；掌握设定表单的内容和表单对象；掌握设置各个表单对象的属性值等内容。

试验步骤

 打开02.html页面，按图11所示，分别合并前两行单元格和中间两列单元格，在合

并后的单元格内插入一个表单，为插入的表单命名为login；

 在表单中插入文字内容及对应的表单对象：文本框、复选框、单选按钮、按钮、复

框框、图像域、密码域、列表和菜单

 设置各个表单对象的属性值:将客户姓名、E-MAIL、具体地址的文本域依次命名为

name、email、address；字符宽度和最多字符数分别为12、12，24、24，30和30，类型都为单行文本域；

 最后一个文本域输入框命名为jianyi，类型为多行文本域，字符宽度和行数依次为50、8，文本域载入时显示值为“请在此输入你的建议”

 设置表单中的客户姓名为必填项，E-MAIL为必填项且必为邮件地址；  设置表单以邮件发送的方式发送到邮箱zzyan@163.com;  保存文件，预览文件效果；

试验过程注意事项

在一个网页中只能插入一个表单，但在一个网页中可以有多个表单对象；

各个表单对象注意在属性面板中定义其名称。

页面效果图

图1-11