创建表单网页汇编.docVIP

创建表单网页 本章要求：掌握向网页中插入文本域、按钮、复选框、列表、文件域等控件。 熟练设置文本编辑区域 。 掌握复选框的作用和用法 。 掌握列表和菜单在有限空间内为用户提供更多选项的方式 重点：单行文本域、多行文本域、插入列表和菜单。 难点：插入密码域、单选按钮，插入隐藏域和图像域。 一、案例 填写个人资料 掌握向网页中插入文本域、按钮、复选框、列表、文件域等控件。 熟练设置文本编辑区域 。 掌握复选框的作用和用法 。 掌握列表和菜单在有限空间内为用户提供更多选项的方式 重点：单行文本域、多行文本域、插入列表和菜单。 难点：插入密码域、单选按钮，插入隐藏域和图像域。 二．表单的基本操作： 1.表单对象基本概念 表单包括两个部分：一部分是HTML源代码用于描述表单，另一部分是脚本或应用程序用于处理提交的信息，不使用处理脚本就不能搜集表单数据。表单标签form…/form用于声明表单、定义采集数据的范围。 2.创建表单 具体操作步骤如下。 1）将插入点放在要插入表单的位置。 2）执行“插入”→“表单”菜单，或选择“插入”栏的“表单”。 3）单击“表单”按钮 ，即可在编辑窗口中插入表单。 3.设置表单属性 1)在“设计”窗口中，选中表单，执行“窗口”→“属性”菜单命令， 打开“属性”面板 2）“属性”面板中的各项参数说明： ①表单名称：输入唯一的名称以标识表单。 ②动作：指定处理该表单的动作页或脚本的路径。 ③方法：选择表单数据传输到服务器的方法，有以下3种。 默认：使用浏览器的默认设置将表单数据发送到服务器。 GET：将值追加到请求页的URL中。 POST：在HTTP请求中嵌入表单数据。 ④目标：指定一个窗口，在该窗口中显示调用程序返回的数据。 _blank 、_parent 、_self 、_top 三、插入表单元素： 1.插入文本域 1）根据文本字段的行数和显示方式可将文本字段分为单行文本字段、多行文本字段和密码域等三种。 2）创建单行文本字段： 执行“插入”→“表单”→“文本字段”菜单命令，在其属性面板中”类型“中选择“单行”。 3）创建多行文本字段： 执行“插入”→“表单”→“文本字段”菜单命令，在其属性面板中”类型“中选择“多行”。 4）创建密码域： 执行“插入”→“表单”→“文本字段”菜单命令，在其属性面板中”类型“中选择“密码”。 5）设置文本域的属性： 属性面板如下图： 属性面板参数说明： ① “文本域”：输入文本字段的名称。 ② “字符宽度”：设置文本字段显示的最大字符数。 ③ “最多字符数”：设置文本字段中所能输入的最多字符数。 ④ “初始值”：输入文本字段的默认显示内容。 ⑤ “行数”文本框：设置多行文本字段中的可见行数。 ⑥ 换行：用来控制文本编辑区中文字自动换行的方式。 取值为：默认、关、虚拟、实体。 2.插入隐藏域 1）隐藏域的作用是当浏览网页时，隐藏域的内容是不可见的，但是当提交表单时，隐藏域中的信息会自动提交至相关页面。 2）插入隐藏域，方法如下。 ①将光标定位在文档中插入隐藏域的位置。 ②执行“插入纪录”→“表单”→“隐藏域”菜单命令，或者在“插入”栏的“表单”类别中单击“隐藏域”按钮，就可以将隐藏域插入文档。 ③选中隐藏域，在对应的“属性”面板上进行设置 。 隐藏区域：用来设置隐藏域的名称 。 值：用来设置隐藏域的初始值。 3.插入单选按钮 1）概念：单选按钮主要用于标记一个选项是否被选中。 2）插入单选按钮的具体步骤 如下： ①将光标定位在文档中按钮的位置。 ②执行“插入”→“表单”→“单选按钮”菜单命令，或者在“插入”栏中的“表单”类别中单击“单选按钮”按钮。 3）设置单选按钮属性： ①单选按钮：设置单选按钮的名称。 ②选定值：设置单选按钮的值，在表单被提交时，服务器端的程序将对单选按钮的值进行处理。 ③初始状态：设置单选按钮的初始状态，有以下两个选项。 “已勾选”：单选按钮的初始状态是被选中的。 “未选中”：单选按钮的初始状态是未被选中的 。 4.插入复选框 1）概念：复选框的作用是用来标记一个选项是否被选中 ，可以从复选框组中选择多个选项 。 2）插入复选框的操作步骤 ： ①光标定位，选择“插入”栏的“表单”类别。 ②单击“表单”类别中的“复选框”按钮，即可在文档中插入复选框 。 3）设置复选框属性 ①复选框名称：用来设置所选复选框的名称。