单选按钮、复选框.ppt

制作用户注册页面 通过本章学习，应该掌握以下内容： 认识网页表单 利用Dreamweaver CS3创建表单的方法 利用Dreamweaver CS3编辑表单的方法 网页表单的处理 1 表单概述 为了制作好复杂的表单网页，在Dreamweaver CS3中提供了文本域、文本区、单选按钮、复选框、下拉列表框、提交按钮和重置按钮等丰富的表单域。这些表单域具有以下各自不同的功能： （1）文本域 接受任何类型的字母数字文本输入内容。文本可以单行或多行显示，也可以以密码域的方式显示。 （2）单选按钮 单选按钮常用于表示唯一的选择结果，如“同学录注册”表单中的“性别”按钮。 （3）复选框 复选框常用来表示许多项可以同时选中的事物，比如个人爱好、所学科目和选购的产品种类等。 （4）下拉列表 当需要选择职业、文化程度等事项时，除了文本区以外，还可以考虑使用下拉列表。 （5）按钮。 为用户提供提交数据的触发对象 Dreamweaver CS3提供了一个专门的表单对象插入面板，面板上包含了各种表单对象。选择“窗口”→“插入”命令，打开插入面板，单击插入面板上的“表单”标签，切换到插入“表单”面板如图所示。 2 利用Dreamweaver CS3处理表单 2.1 表单插入面板 文本域 （单行 最多字符数 ） 文本域 （密码 最多字符数） 单选按钮 标签文字“男 ” 以选中 下拉列表 复选框 按钮(提交、重置) 文本区域 （多行） 2.2 创建空白表单 因为在发送表单时是以整个表单发送的，所以在插入表单元素前，先要在网页中插入空白的表单，然后才能在表单中插入表单元素（如文本域、按钮、列表/菜单、图片等），以达到整体发送的效果。 演示创建空白表单的过程 。 2.3 插入并设置文本域 文本域是一个接受文本信息的空白框。在文本域中几乎可以容纳任何类型的文本数据。利用它可以使网页设计师不必限制访问者提交的内容。在网页中，常见的文本域有3种形式： （1）单行文本域 只能用来输入一行的信息。 （2）多行文本域 可以由设计者限定行数，并决定是否出现滚动条。该文本域可以输入多行信息。 （3）密码文本域 在该文本域中输入的信息，都会以“*”显示在屏幕上。 2.4 插入并设置单选按钮 1．插入单选按钮 要在表单中插入单选按钮，首先将光标置于表单中的相应位置，输入提示信息，然后单击插入“表单”面板上的图标 ，或选择“插入”→“表单”→“单选按钮”命令，插入单选按钮。 2．设置单选按钮的属性 在表单中选择单选按钮后，属性面板将变为如图所示。 （1）单选按钮：给单选按钮命名。同一组的单选按钮的名称必须相同，这一点非常重要。 （2）选定值：设置单选按钮被选时的取值。当用户提交表单时，该值被传送给处理程序（如CGI脚本），应赋给同组的每个单选按钮不同的值。 （3）初始状态：指定首次载入表单时单选按钮是“已勾选”还是“未选中”。一组单选按钮中，只能有一个按钮的初始状态被设为选中。 1．插入复选框 2.5 插入并设置复选框 将光标置于表单中适当位置，输入提示信息；然后单击插入“表单”面板上的图标，或选择“插入”→“表单”→“复选框”命令，在选项的合适位置加入复选框。 在表单中选择复选框后，其属性面板的显示与单选按钮属性面板基本相同（只是图标不同）。但在给复选框命名时，要注意复选框与单选按钮命名的区别。单选按钮是以“组”为单位的，而复选框则是以“个”为单位的，所以每一个复选框的名称都不应该相同。 2．设置复选框的属性 2.6 插入并设置下拉列表框 1．插入下拉列表框 要在表单中插入下拉列表框，应按如下步骤进行： （1）将光标定位在表单中适当位置，输入提示信息。 （2）单击插入“表单”面板上的图标 ，或选择“插入”→“表单”→“列表/菜单”命令，则在表单中出现下拉列表框的框架；选中该下拉列表框，属性面板变成下拉列表属性面板，如图所示； （3）选择“类型”为“列表”，单击属性面板上的“列表值”按钮，弹出“列表值”对话框，如图所示。 （4）在“列表值”对话框的“项目标签”下输入要在列表框中显示的内容，在“值”下输入与显示内容相应的值，即可为列表框加入显示的内容。 在表单中插入下拉列表框后，选择所插入的下拉列表框，其属性面板如图所示。 2．设置下