Dreamweaver表单制作教学资料

9.3.2 插入文本区域
“换行”：指定当用户输入的信息较多，无法在定义的文本 区域内显示时，如何显示用户输入的内容，分别有以下四个 值。
1）“关闭或默认”：当用户输入的内容超过文本区域的右边 界时，文本将向左侧滚动。用户必须按Return键才能将插 入点移动到文本区域的下一行。
2）“虚拟”：在文本区域中设置自动换行。当用户输入的内 容超过文本区域的右边界时，文本换行到下一行。当提交数 据进行处理时，自动换行并不应用于数据。
Dreamweaver表单制作
本讲学习目标 • 了解表单在网页中的用途。 • 熟悉在各种表单元素的特点。 • 掌握在网页中插入编辑表单的方法。 本讲学前要求 • 会创建复杂结构的网页。 • 熟悉论坛、电子邮件、搜索引擎等使用。
9.1 认识表单
表单（form）:一种与用户交互的接口界面，通过表单将 用户信息提交给服务器端相应程序进行处理。所有的表 单对象都包含在一对<form>和</form>标签中.
9.6 插入列表和菜单
9.6.1 插入列表/菜单
列表和菜单菜单都属于HTML表单菜单，对应的标签为 <select></select>。
列表和菜单的区别在于：一种菜单是用户单击时下拉的， 称之为下拉菜单或下拉列表；另一种菜单则显示一个列 有项目的可滚动列表，用户可从该列表中选择项目，称 之为滚动列表或者列表菜单。
图9.22 列表/菜单的属性面板
“类型”：指定该菜单是单击时下拉的菜单（“菜单” 选项），还是显示一个列有项目的可滚动列表（“列表 ”选项）。
“高度”：用来设置列表中显示的项数，该属性值只有 在“列表”类型中才有效。
“选定范围”：指定用户是否可以从列表中选择多个项 ，该属性值只有在“列表”类型中才有效。
图9.25 跳转菜单的对话框
步骤3：单击“添加项”按钮添加菜单项，在“文本”文本框 中为菜单项输入要在列表中显示的文本。
步骤4：在“选择时，转到URL”文本框中，单击“浏览”按 钮找到要打开的文件，或者在文本框中输入该文件的路径 。
步骤5：在“打开URL于”下拉列表框中选择文件打开的位置 。
步骤6：在“菜单名称”文本框中，输入菜单项的名称。
步骤7：单击“确定”按钮完成操作。
9.7 插 入 按 钮
9.7.1 插入标准按钮
各设置项如下所示。
图9.19 “单选按钮组”对话框
图9.20 单选按钮组效果
“名称”：用来设置单选按钮组的名称，名称要唯一。
“单选按钮”：单击“＋”，添加单选按钮，“Label”列是单
选按钮的文本说明，“Value”列是单选按钮的值。单击“－”
删除选择好的单选按钮。通过单击
按钮来ห้องสมุดไป่ตู้整单选按钮的
“字符宽度”：指定文本字段的宽度。
“最多字符数”：指定在该文本域中最多可输 入的字符个数。
注：如果“最多字符数”大于“字符宽度”， 那么也多余宽度的字符不被显示。
“类型”： “单行”、“多行”、“密码”。
注：密码文本域不显示内容，用“*”来代替显 示。
“初始值”：指定在首次载入表单时文本字 段中显示的值。
9.6.2 插入跳转菜单
跳转菜单实际就是一个下拉列表，其中显示当前站点的导航名称，单击 某个选项，即可跳转到相应的网页上，从而实现跳转的目的。其具体 操作过程如下。
步骤1：将光标定位在需要插入表单对象的位置。 步骤2：在插入栏的“表单”对象面板中单击“定此转菜单”按钮，弹出
如图9.17所示的对话框。
“列表值”：单击该按钮，打开一个“列表值”对话框 ，如9.24图所示。单击“＋”按钮增加列表值，单击“ －”按钮删除列表值。“项目标签”指用户看到的列表 项目的文本，“值”指的是该项目所要传递给处理页面 的信息（如网址、出身地址等）。
“初始化时选定”：用来设置表单首次被载入时，该菜 单/列表中哪个值将被选定。
表 文 隐 文 复 单单 列 跳 图 文 按 标 字
单 本 藏 本 选 选选 表 转 像 件 钮 签 段
字 域 区 框 按按 / 菜 域 域
集
段 域 钮钮 钮 单
组组
图9.2 表单对象面板
9.2 创建表单域
无论插入什么表单对象，都必须先创建一 个表单
9.3 插入文本域
9.3.1 插入文本字段
图9.6 文本字段属性面板
9.5.2 插入单选按钮组
单个的插入单选按钮在候选项较多的时候显得比较麻烦，Dreamweaver 还提供了插入单选按钮组的功能，具体操作如下。
步骤 1：将光标定位在需要插入表单对象的位置。 步骤 2：在插入栏的“表单”对象面板中单击“单选按钮组”按钮，弹出“
单选按钮组”对话框，如图9.19所示。 步骤 3：设置“单选按钮组”的对话框，默认设置的效果如图9.20所示。
次序 。
“布局，使用”：用来设置单选按钮组的布局方式，选择“换行 符”则使用换行符，竖项排列，否则使用表格。
提示：
一旦单选按钮被选择，同一组的单选按钮将始终有一个处于选中状 态，除非点击重置按钮进行重新设定。比如，男女性别两个单选 按钮，初始状态是两个都不选中，选中男后女不被选中，选中女 后男不被选中，总有一个处于选中状态，只有重置才能回到两个 都不选中的初始状态。
插入列表/菜单的具体操作步骤如下。
步骤1：将光标定位在需要插入表单对象的位置。
步骤2：在插入栏的“表单”对象面板中单击“列表菜单” 按钮，即在文档中插入了一个列表/菜单，如图9.21所 示。
9.21 插入列表/菜单
步骤3：选中列表/菜单对象，在“属性”面板可以对其属 性进行设置，如9.22图所示，各选项的含义如下。
3）“实体”：在文本区域设置自动换行，当提交数据进行处 理时，也对这些数据设置自动换行。
9.4 创建复选框
“选定值”：设置在该复选框被选中时发 送给服务器的值。
“初始状态”：确定在浏览器中载入表单 时，该复选框是否被选中。
9.5 插入单选按钮
9.5.1 插入单选按钮
“单选按钮”：用来设置对象的名称，在同一选项组 中的所有单选项按钮的名称必须相同，如将标签值为 “男”的单选按钮名称设置有sex，则标签值为“女 ”的单选按钮名称也要设置为sex，才能实现在这两 个选项中选择其中的一个的目的。