Dreamweaver 表单操作.ppt

《Dreamweaver 表单操作.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、表单表单在网页中的用途是提供与用户交互的接口，通过表单将用户填写的信息提交给服务器端相应程序进行处理。填写信息的页面上包括许多表单对象，所有这些表单对象的组合统称为表单。常见应用实例：论坛、电子邮件、搜索引擎。所有的表单对象都包含在

2、单在页面中插入表单对象时，首先需要选择【插入】/【表单】/【表单】命令，插入一个表单标签，然后再在其中插入各种表单对象。当然，也可以直接插入表单对象，在首次插入表单对象时，将会提示是否插入表单标签。注：无论插入什么表单对象，都必须先创建一个表单在【设计】视图中，表单的轮廓线以红色的虚线表示。如果看不到轮廓线，可以选择【查看】/【可视化助理】/【不可见元素】命令显示轮廓线。在文档窗口中，单击表单轮廓线将其选定，其【属性】面板如图所示。标签使用标签可以向源代码中插入一对HTML标签“”。与在【输入标签辅助功能属性】对话框的【样式】选项中选择【用标签标

3、记环绕】单选按钮的操作形成的效果一样。是用来和表单对象形成对应关系。选择【插入】/【表单】/【标签】命令，或在【插入】/【表单】面板中单击按钮，即可插入一个标签，如图所示。字段集使用字段集可以在页面中显示一个圆角矩形框，将一些表单对象放在一起，起到分组的作用。实际操作中，先插入字段集，然后再在其中插入表单对象。也可以先插入表单对象，然后将它们选择再插入字段集。选择【插入】/【表单】/【字段集】命令，或在【插入】/【表单】面板中单击按钮，将打开【字段集】对话框，在【标签】文本框中输入标签名称，然后单击按钮插入一个字段集，如图所示。文本字段和文本域文本域是可以输入文本内容的表单对

4、象。在Dreamweaver中可以创建一个包含单行或多行的文本域，也可以创建一个隐藏用户输入文本的密码文本域。选择【插入】/【表单】/【文本域】命令，或在【插入】/【表单】面板中单击按钮，将在文档中插入文本域。单击并选中文本域，将显示其【属性】面板，如图所示。选择【插入】/【表单】/【文本区域】命令，或在【插入】/【表单】面板中单击按钮，将在文档中插入文本区域。单击并选中插入的表单对象，将显示其【属性】面板，如图所示。在【属性】面板中，通过设置【类型】为“单行”或“多行”可以实现文本域和文本区域之间的相互转换。【行数】选项用于设置文本区域的高度。“字符宽度”：指定文本字段的宽

5、度。“最多字符数”：指定在该文本域中最多可输入的字符个数。注：如果“最多字符数”大于“字符宽度”，那么也多余宽度的字符不被显示。“类型”：“单行”、“多行”、“密码”。注：密码文本域不显示内容，用“*”来代替显示。“初始值”：指定在首次载入表单时文本字段中显示的值。复选框复选框常被用于有多个选项可以同时被选择的情况。每个复选框都是独立的，必须有一个唯一的名称。选择【插入】/【表单】/【复选框】命令，或在【插入】/【表单】面板中单击按钮，将在文档中插入复选框，反复执行该操作将插入多个复选框。单击并选中其中一个复选框，将显示其【属性】面板，如图所示。在设置复选框属性时，需要依次选

6、中各个复选框，分别进行设置。“选定值”：设置在该复选框被选中时发送给服务器的值。“初始状态”：确定在浏览器中载入表单时，该复选框是否被选中。单选按钮和单选按钮组单选按钮主要用于标记一个选项是否被选中，单选按钮只允许用户从选项中选择唯一答案。单选按钮通常成组使用，同组中的单选按钮必须具有相同的名称，但它们的域值是不同的。选择【插入】/【表单】/【单选按钮】命令，或在【插入】/【表单】面板中单击按钮，将在文档中插入单选按钮。单击并选中其中一个单选按钮，将显示其【属性】面板，如图所示。在设置单选按钮属性时，需要依次选中各个单选按钮，分别进行设置。“单选按钮”：用来设置对象的名称，在

7、同一选项组中的所有单选项按钮的名称必须相同，如：将标签值为“男”的单选按钮名称设置有sex，则标签值为“女”的单选按钮名称也要设置为sex，才能实现在这两个选项中选择其中的一个的目的。另外，在菜单栏中选择【插入】/【表单】/【单选按钮组】命令，或在【插入】/【表单】面板中单击按钮，可以一次性在表单中插入多个单选按钮，如图所示。在创建多个选项时，单选按钮组比单选按钮的操作更快捷。“名称”：用来设置单选按钮组的名称，名称要唯一。“单选按钮”：单击“＋”，添加单选按钮，“Label”列是单选按钮的文本说明，“