第8-9章表单与布局排版.ppt

第八讲 表单与布局视图排版 8.1 制作表单 制作表单的步骤： 1．将光标定位到要制作表单的位置。 2．在插入工具栏单击“表单”选项，打开如图所示的表单元素列表。 8.1 制作表单 4．将光标定位到插入的表单中，可打开表单属性面板，如图所示。 8.1 制作表单 8．“目标”下拉列表框用来设定提交表单后，打开的目标网页将以何种形式进行显示。 其中各选项的含义如下: ??_blank 将在未命名的新窗口中打开目标网页 _parent 将在当前网页窗口的父级窗口中打开目标 _self 将在当前窗口中打开目标网页 _top 将在顶级窗口内打开目标网页 9．“MIME类型”下拉列表框用于指定提交给服务器进行处理的数据使用的编码类型。默认设置为“application/x-www-form-urlencode”，通常与POST方法协同使用。如果要创建文件上传表单，则应选择“multipart/form-data”类型。 8.2 插入表单对象 8.2 插入表单对象 8.2.1 添加表单按钮 表单按钮在表单中用于控制表单的操作。 添加按钮的步骤： 1． 在“表单”插入工具栏中，单击“按钮”图标 即可在表单中制作一个“提交”按钮，选中该按钮，按钮属性面板如图所示。 8.2 插入表单对象 8.2.2 添加文本域 文本域是用户在其中可输入数据的表单对象。根据文本域的行数和显示方式分为单行文本框、多行文本域和密码框3种。 添加单行文本框的步骤： 1．将光标定位在表单中要插入文本框的位置。 2. 在“表单”插入工具栏中单击“文本字段”按钮 ，即可在表单域中添加文本框，同时“属性”面板中显示文本框的参数，如图所示。 8.2 插入表单对象 8.2 插入表单对象 8.2.2 添加文本域 添加多行文本域的步骤： 1．将光标定位在表单中要插入多行文本域的位置。 2．在“表单”插入工具栏中单击“文本域区域”按钮 ，即可在表单域中添加多行文本域，同时“属性”面板中显示多行文本域的参数。 3．在“文本域”和“字符宽度”输入框中按单行文本框的方法进行设置即可。 4．“行数”输入框用于设置多行文本域中的可见行数，“类型”选项组显示了当前的文本域类型为“多行”。 5．“换行”下拉列表框用于设置当文本域中的内容超过一行时的换行方式。 6． “初始值”输入框用于输入文本域中默认状态时显示的内容 8.2 插入表单对象 8.2.2 添加文本域 添加密码框的步骤： 1．将光标定位在表单中要插入密码框的位置。 2．在“表单”插入工具栏中单击“文本字段”按钮 ，则在表单域中添加一个文本框。 3．在“属性”面板的“类型”栏中选择“密码”单选项，其它选项按文本框的方法进行设置即可。 8.2 插入表单对象 8.2.3 添加复选框 复选框用于在信息栏中选择一个或多个选项。 添加复选框的步骤： 1．将光标定位到表单中要添加复选框的位置 。 2．在“表单”插入工具栏中单击 按钮，即可在表单中添加一个复选框，同时显示复选框的属性面板，如图所示。 3．“复选框名称”用于在输入框中输入复选框名称，该名称为复选框变量名。 4．“选定值”输入框用于输入复选框选中时的取值，该值将传送给服务器端表单处理程序，但不会在表单域中显示。 5．“初始状态”栏用于设置浏览器中首次载入表单时复选框是否处于选中状态。 8.2 插入表单对象 8.2.4 添加单选按钮 单选按钮一般用在从多个选项中选中其一的情况。 添加单选按钮的步骤： 1．将光标定位到表单中要添加单选按钮的位置。 2．在“表单”插入工具栏中单击按钮 添加单选按钮，同时打开单选按钮属性面板，如图所示。 3．在没有对单选按钮进行设置前，可以复制多个单选按钮，然后在每个单选按钮后添加提示信息，如“男”，“女”。 8.2 插入表单对象 8.2.4 添加单选按钮 添加单选按钮组的步骤： 1．将光标定位到表单中需要插入单选按钮组的位置。 2．在“表单”插入工具栏中单击 “单选按钮组” 按钮，打开如图所示的“单选按钮组”对话框。 8.2 插入表单对象 8.2.4 添加单选按钮 添加单选按钮组的步骤： 3．“名称”输入框用于输入单选按钮组的名称。 4． 在“单选按钮”栏的“Label”列表中选择“单选”，并重命名单选按钮的文本项，“Label”列表实际上设定的是单选按钮旁边的说明文字。 5． 当列表中的两个“单选”项都命名完后，若还需要添加单选项，则单击“