Dreamweaver网页制作课件 第13章 为网页添加表单.pptVIP

表单在网页中的应用是很广泛的，通过表单，用户可以在网页中递交各种信息，实现交互行为。因此，要制作具有交互效果的网页，表单是必不可少的。 创建表单 设置表单属性 添加表单对象 设置表单对象属性 任务一 表单的基本操作 表单的作用，是从访问表单所在网页的用户那里获得信息；访问者可以通过对表单中的文本域、列表框、复选框以及单选按钮之类的表单对象进行设置或输入信息，在执行确定并提交后，由表单将这些信息发送到服务器的数据库，最后由服务器来返回相关信息。 阶段1 创建表单 （1）在Dreamweaver 8中新建一个文档，然后将光标插入文档中要插入表单的位置，选择“插入→表格”命令，在插入光标的位置先插入一个1行1列的表格. （2）将光标插入刚创建的表格中，然后选择“插入→表单→表单”命令。 （3）在选择该命令后，即可在光标插入的表格中插入一个表单。 阶段2 设置表单属性 选中文档中创建的表单，打开“属性”面板，即可在其中设置表单的属性。 任务二 添加表单对象 表单有多种对象，包括文本域、列表框、复选框等等，通过这些对象可以收集浏览者相关的信息。 阶段1 插入文本域 （1）在Dreamweaver 8中新建一个文件，将光标插入文档中，然后选择“插入→表单→文本域”命令。 （2）选择该命令后，在光标插入的位置插入一个文本域，然后在“属性”面板中设置其 “字符宽度”为16，“最多字符数”为16，调整文本域的属性。 阶段2 插入文本区域 （1）在Dreamweaver 8中新建一个文件，将光标插入要插入文本区域的位置，然后选择“插入→表单→文本区域”命令。 （2）选择该命令后，即可在光标插入的位置插入一个文本区域。 （3）选择文本区域后，在“属性”面板中设置“字符宽度”为50，“行数”为8，调整文本区域的宽度和高度等属性。 阶段3 插入密码域 （1）在Dreamweaver 8中新建一个文件，将光标插入要插入密码域的位置，然后选择“插入→表单→文本域”命令。 （2）选择该命令后，即可在光标插入的位置插入一个文本域。选择插入的文本域，打开“属性”面板，在“类型”选项中选择“密码”单选按钮，即可将文本域转换为密码域。 （3）在“属性”面板中“字符宽度”文本中输入12，设置密码域宽度为12个字符；在“最多字符数”文本框中输入16，设置最多输入16位数密码。 阶段4 插入文件域 （1）在Dreamweaver 8中新建一个文件，将光标插入要插入文件域的位置，选择“插入→表单→文件域”命令。 （2）可以看到在文档中插入光标的位置插入了一个文件域，在“属性”面板中设置“字符宽度”为38，即可控制文件域的长度。 阶段5 插入隐藏域 （1）在Dreamweaver 8中新建一个文件，将光标插入文档中要插入隐藏域的位置，然后选择“插入→表单→隐藏域”命令。 （2）选择该命令后，即可在文档中光标插入的位置插入一个隐藏域 阶段6 插入复选框 （1）在Dreamweaver 8中新建一个文件，在文档中插入一个表格。 （2）将光标插入要插入复选框的表格中，然后选择“插入→表单→复选框”命令（左图），在表格中插入光标的位置插入一个复选框（右图）。 （3）将光标插入复选框后面，输入文本“上网”，重复上面操作在表格中插入多个复选框，并在其后输入文本内容。 阶段7 插入单选按钮 （1）在Dreamweaver 8中新建一个文件，在其中插入一个表格，然后将光标插入要插入单选按钮的表格中。 （2）选择“插入→表单→单选按钮”命令（左图），在文档中插入光标的位置插入一个单选按钮（右图）。 （3）将光标插入单选按钮后面，输入文本“男”，重复上面操作在“男”后面插入一个单选按钮，并在后面输入文本“女”。 （4）选择“男”单选择按钮，然后打开“属性”面板，在“属性”面板中设置其初始状态为“已勾选”。 阶段8 插入列表/菜单 （1）在Dreamweaver 8中新建一个文件，然后新建一个表格。将光标插入要插入“列表/菜单”的表格中，然后选择“插入→表单→列表/菜单”命令（左图）；插入的效果如右图所示。 （2）选择刚才插入的“列表/菜单”，打开“属性”面板，然后在其中单击“列表值”按钮。 （3）在打开的“列表值”对话框中单击“添加项目”按钮，为其添加新的内容，然后单击“确定”按钮。 （4）在“属性”面板的“初始化时选定”文本框和文档中，可以看到“列表/菜单”中新添加的内容。 （5）在“属性”面板的“类型”中选择“菜单”，在“初始化时选定”文本框中，选择浏览时显示的初始值。 上机实战 使用Dreamweaver 8在文档中插入表单按钮。 （1）在Dreamweaver 8中，新建一个文件，然后新