1、第八讲 表单与布局视图排版 在申请注册时，通常需要填写一些个人信息，如姓名、年龄、联系方式等。填写信息的页面上往往会包括很多表单元素。如文本框、密码框，单选按钮、复选框、下拉菜单、列表等。所有这些表单元素合在一起，称为表单。 8.1 制作表单p制作表单的步骤：1 将光标定位到要制作表单的位置。 2 在插入工具栏单击 “表单 ”选项，打开如图所示的表单元素列表。 3 单击 “表单 ”按钮 ，或选择菜单命令 “插入 ”“表单 ”命令，即可在光标处插入表单；插入的表单在窗口中以红色虚线框表示，如图所示。 8.1 制作表单4 将光标定位到插入的表单中，可打开表单属性面板，如图所示。5 “表单名称 ”输
2、入框用于输入制作的表单名。6 “动作 ”输入框用于指定处理该表单的处理程序的路径，可以是 URL地址、 HTTP地址，也可以是Mailto地址。7 “方法 ”下拉列表框用来选择将表单数据传输到服务器的方式，有默认、 POST、 GET三个选项。 8.1 制作表单8 “目标 ”下拉列表框用来设定提交表单后，打开的目标网页将以何种形式进行显示。其中各选项的含义如下 :_blank 将在未命名的新窗口中打开目标网页_parent 将在当前网页窗口的父级窗口中打开目标_self 将在当前窗口中打开目标网页_top 将在顶级窗口内打开目标网页9 “MIME类型 ”下拉列表框用于指定提交给服务器进行处理的
3、数据使用的编码类型。默认设置为“application/x-www-form-urlencode”， 通常与POST方法协同使用。如果要创建文件上传表单，则应选择 “multipart/form-data”类型。8.2 插入表单对象 p表单对象的插入有以下两种方法 :方法 1选择菜单 “插入 ”“表单对象 ”子菜单列表中对应的命令即可。方法 2在 “表单 ”插入工具栏的选项中单击相应的按钮即可插入。 8.2 插入表单对象 8.2.1 添加表 单 按 钮 表单按钮在表单中用于控制表单的操作 。 p添加按钮的步骤 ：1 在 “ 表单 ” 插入工具栏中，单击 “ 按钮 ” 图标 即可在表单中制作一个
4、 “ 提交 ” 按钮，选中该按钮，按钮属性面板如图所示。 2 “ 按钮名称 ” 输入框用于输入按钮的名称。3 “ 标签 ” 输入框用于输入在按钮上显示的文字如 :“ 提交 ”，便于浏览者知道该按钮的作用。4 “ 动作 ” 选项组用于指定单击按钮后将要产生的动作。 8.2 插入表单对象 8.2.2 添加文本域 文本域是用户在其中可输入数据的表单对象。根据文本域的行数和显示方式分为单行文本框、多行文本域和密码框 3种。 p添加单行文本框的步骤 ：1将光标定位在表单中要插入文本框的位置。2. 在 “ 表单 ” 插入工具栏中单击 “文本字段 ”按钮 ，即可在表单域中添加文本框，同时 “ 属性 ” 面板
5、中显示文本框的参数，如图所示。8.2 插入表单对象 3 “文本域 ”输入框用于输入文本框的名称，该名称在该网页中是惟一的，用于在脚本程序中作为该文本框的变量名。4 “字符宽度 ”输入框用于设置文本框中允许输入的字符数，同时规定了文本字段的宽度。默认值约为 24个字符。5 “最多字符数 ”输入框用于设置文本框中所能输入的最大字符数。6 “类型 ”选项组显示了当前文本框的类型，也可通过单选项来转换不同的文本域。7 “ 初始值 ” 输入框用于输入文本框中默认状态时显示的内容 8.2 插入表单对象 8.2.2 添加文本域p添加多行文本域的步骤： 1将光标定位在表单中要插入多行文本域的位置。2在 “ 表
6、单 ” 插入工具栏中单击 “ 文本域区域 ” 按钮 ，即可在表单域中添加多行文本域，同时 “ 属性 ” 面板中显示多行文本域的参数。3在 “文本域 ”和 “字符宽度 ”输入框中按单行文本框的方法进行设置即可。4 “行数 ”输入框用于设置多行文本域中的可见行数， “类型 ”选项组显示了当前的文本域类型为 “多行 ”。5 “ 换行 ” 下拉列表框用于设置当文本域中的内容超过一行时的换行方式。 6 “ 初始值 ” 输入框用于输入文本域中默认状态时显示的内容 8.2 插入表单对象 8.2.2 添加文本域p添加密码框的步骤： 1 将光标定位在表单中要插入密码框的位置。2在 “表单 ”插入工具栏中单击 “文本字段 ”按钮 ，则在表单域中添加一个文本框。3在 “属性 ”面板的 “类型 ”栏中选择 “密码 ”单选项，其它选项按文本框的方法进行设置即可。
