制作网页表单
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第十五讲 制作网页表单
1、认识表单 2、应用表单
1、认识表单
➢ 1．什么是表单 ➢ 2．表单对象 ➢ 3．表单属性 ➢ 4．插入表单 ➢ 5．插入表单对象
1.1. 什么是表单
• 表单 是网页访问者与站点进行信息传
递、互动交流的工具，它一般以窗体 的形式存在页面中。表单依靠具体的 表单对象收集信息，表单对象包含多 种类型，如文本框、文本区域、按钮、 单选框、复选框、列表/菜单等，访问 者可以在表单对象内输入或者选择信 息，然后通过按钮将信息提交给网站， 网站对信息再进行处理。
• “单选按钮组” ：可插入共享同一名称的单选按钮的集合。 • “列表/菜单”：可使用户可以在列表中创建用户选项。“列表”选项在滚动
列表中显示选项值，并允许用户在列表中选择多个选项。“菜单”选项在弹 出式菜单中显示选项值，而且只允许用户选择一个选项。 • “跳转菜单”：插入可导航的列表或弹出式菜单。跳转菜单允许您插入一种 菜单，在这种菜单中的每个选项都链接到文档或文件。请参见创建跳转菜单。 • “图像域”：可使用户可以在表单中插入图像。可以使用图像域替换“提交” 按钮，以生成图形化按钮。 • “文件域”：可在文档中插入空白文本域和“浏览”按钮。文件域使用户可 以浏览到其硬盘上的文件，并将这些文件作为表单数据上传。 • “按钮”：可在表单中插入文本按钮。按钮在单击时执行任务，如提交或重 置表单。可以为按钮添加自定义名称或标签，或者使用预定义的“提交”或 “重置”标签之一。 • “标签”：可在文档中给表单加上标签，以< label>< /label>形式开头和结尾。 • “字段集”：可在文本中设置文本标签。
2.3．单选按钮
【单选按钮】文本框：定义单选组的名称，一组中的单选按钮具有相同 的名字；
【选定值】文本框：该项被选中时，提交给服务器的值； 【初始状态】选项组：设置该按钮在初始状态是否被选中，一组中只能
有一个初始状态设为选中。
2.4．菜单/列表
【列表/菜单】文本框：用于指定列表或者菜单的名称； 【类型】选项组：设定当前对象是菜单还是列表；【高度】文本框：设
来提示访问者以使他们知道输入的内容。例如，“请输入名字”请求名字信 息。 • 【类】选项框：用于设置文本域的CSS样式。 • 【高度】文本框：用于为文本域设置高度，超出高度用滚动条显示。 • 【换行】选项框：用于选择输入内容时，文本域中换行方式。有4个选项： “默认”：用浏览器默认的方式换行；“关”：当输入的文本内容超过文本 域宽度时不换行，自动出现水平滚动条，滚动显示；“虚拟”：当输入的内 容超过文本域时自动换行，但发送的数据中没有换行符；“实体”：当输入 的内容超过文本域时自动换行，但发送的数据中有换行符。 • 【按钮名称】文本框：用于指定按钮的名称。 • 【值】文本框：设置按钮上显示的文本内容，以表明该按钮的作用。如此处 输入“提交留言”，则按钮上就显示“提交留言”。 • 【动作】单选项：设置单击按钮后发生的动作，有3个选项。“提交表单”： 将表单数据提交到表单指定的位置；“重设表单”：将表单内的所有对象内 容还原；“无”：不发生任何动作。
1.4．插入表单
操作：将【常用】插入栏切换到【表单】插入栏 ，然后 单击【表单】插入栏上的表单按钮，即可在编辑窗口添 加表单 ，如下图所示。
1.5．插入表单对象
操作：首先插入一个表单，然后将鼠标光标置于表单域内，单击【表单】插入 栏上的表单对象按钮即可，如下图，插入一个按钮表单对象。
2、 应用表单
1.3．表单属性
表单属性的各项意义如下：
• 【表单名称】文本框：设定表单的名称，可用于程序的调用。 • 【动作】文本框：可以输入一个URL地址，指向要处理表单数据的程序文件。 • 【方法】选项框：选择表单数据的发送方式。“默认”方法使用浏览器的默
认设置将表单数据发送到服务器。通常，“默认”方法为“GET”方法。“GET” 方法将值附加到请求该页面的 URL 中。“POST”方法将在 HTTP 请求中嵌入表 单数据。不要使用“GET”方法发送长表单。URL 的长度限制在 8192 个字符以 内，如果发送的数据量太大，数据将被截断，从而导致意外的或失败的处理 结果。并且在发送机密用户名和密码、信用卡号或其他机密信息时，不要使 用“GET”方法，用“GET”方法传递信息不安全。 • 【目标】选项框：可以选择在哪个目标位置打开新页面。 • 【MIME类型】选项框：指定表单数据采用什么样的编码类型提交给服务器。
• “文本域”：可在表单中插入文本域。文本域可接受任何类型的字母数字项。 输入的文本可以显示为单行、多行或者显示为项目符号或星号（用于保护密 码）。
• “复选框”：可在表单中插入复选框。复选框允许在一组选项中选择多项， 用户可以选择任意多个适用的选项。
• “单选按钮”：可在表单中插入单选按钮。单选按钮代表互相排斥的选择。 选择一组中的某个按钮，就会取消选择该组中的所有其他按钮。例如，用户 可以选择“是”或“否”。
2.2．文本域表单
• 【文本域】文本框：用于为文本域指定一个名称，此名称必须是唯一的。 • 【字符的宽度】文本框：设置在浏览器中显示的文本长度。 • 【最多字符数】文本框：指定文本域中最多可输入的字符数。超出了将发出
警告声，不填则可输入任意数量的字符。 • 【类型】单选项：指定文本域的类型。 • 【初始值】文本框：用于指定载入表单时文本域中显示的文本内容，一般用
• 如右图所示，展示了表单在留言簿页 面中的一个应用实例，其中使用了表 单对象有文本框、文本区域、列表/菜 单、按钮。
1.2．表单对象
【表单】插入栏列出了具体的表单对象，如上图所示。
• “表单”：可在文档中插入表单。任何其他表单对象，如文本域、按钮等， 都必须插入表单之中，这样所有浏览器才能正确处理这些数据。
• 2.1 • 2.2 • 2.3 • 2.4 • 2.5 • 2.6
表单使用 文本区域 单选按钮 列表/菜单 访客留言页面 用户这册页面
2.1．表单使用
对于网页中的表单，用户可以根据需要调整它的布局， 例如可以使用换行符、段落标记、预格式化的文本或表来 设置表单的格式。使用表格为表单对象和域标签提供结构 是比较常用的一种调整表单布局的方法。当在表单中使用 表格时，请确保所有的 table 标签都位于两个 form 标签之 间。需要注意的是不能将一个表单插入到另一个表单中， 即标签不能交迭，但是可以在一个页面中包含多个表单。
置列表的高度； 【初始化时选定】文本框：设定首次载入表单时选中那些选项；
按钮：设定列表/菜单的项目和项目值。
2.5．访客留言页面
2.6．用户这册页面
源自文库
1、认识表单 2、应用表单
1、认识表单
➢ 1．什么是表单 ➢ 2．表单对象 ➢ 3．表单属性 ➢ 4．插入表单 ➢ 5．插入表单对象
1.1. 什么是表单
• 表单 是网页访问者与站点进行信息传
递、互动交流的工具，它一般以窗体 的形式存在页面中。表单依靠具体的 表单对象收集信息，表单对象包含多 种类型，如文本框、文本区域、按钮、 单选框、复选框、列表/菜单等，访问 者可以在表单对象内输入或者选择信 息，然后通过按钮将信息提交给网站， 网站对信息再进行处理。
• “单选按钮组” ：可插入共享同一名称的单选按钮的集合。 • “列表/菜单”：可使用户可以在列表中创建用户选项。“列表”选项在滚动
列表中显示选项值，并允许用户在列表中选择多个选项。“菜单”选项在弹 出式菜单中显示选项值，而且只允许用户选择一个选项。 • “跳转菜单”：插入可导航的列表或弹出式菜单。跳转菜单允许您插入一种 菜单，在这种菜单中的每个选项都链接到文档或文件。请参见创建跳转菜单。 • “图像域”：可使用户可以在表单中插入图像。可以使用图像域替换“提交” 按钮，以生成图形化按钮。 • “文件域”：可在文档中插入空白文本域和“浏览”按钮。文件域使用户可 以浏览到其硬盘上的文件，并将这些文件作为表单数据上传。 • “按钮”：可在表单中插入文本按钮。按钮在单击时执行任务，如提交或重 置表单。可以为按钮添加自定义名称或标签，或者使用预定义的“提交”或 “重置”标签之一。 • “标签”：可在文档中给表单加上标签，以< label>< /label>形式开头和结尾。 • “字段集”：可在文本中设置文本标签。
2.3．单选按钮
【单选按钮】文本框：定义单选组的名称，一组中的单选按钮具有相同 的名字；
【选定值】文本框：该项被选中时，提交给服务器的值； 【初始状态】选项组：设置该按钮在初始状态是否被选中，一组中只能
有一个初始状态设为选中。
2.4．菜单/列表
【列表/菜单】文本框：用于指定列表或者菜单的名称； 【类型】选项组：设定当前对象是菜单还是列表；【高度】文本框：设
来提示访问者以使他们知道输入的内容。例如，“请输入名字”请求名字信 息。 • 【类】选项框：用于设置文本域的CSS样式。 • 【高度】文本框：用于为文本域设置高度，超出高度用滚动条显示。 • 【换行】选项框：用于选择输入内容时，文本域中换行方式。有4个选项： “默认”：用浏览器默认的方式换行；“关”：当输入的文本内容超过文本 域宽度时不换行，自动出现水平滚动条，滚动显示；“虚拟”：当输入的内 容超过文本域时自动换行，但发送的数据中没有换行符；“实体”：当输入 的内容超过文本域时自动换行，但发送的数据中有换行符。 • 【按钮名称】文本框：用于指定按钮的名称。 • 【值】文本框：设置按钮上显示的文本内容，以表明该按钮的作用。如此处 输入“提交留言”，则按钮上就显示“提交留言”。 • 【动作】单选项：设置单击按钮后发生的动作，有3个选项。“提交表单”： 将表单数据提交到表单指定的位置；“重设表单”：将表单内的所有对象内 容还原；“无”：不发生任何动作。
1.4．插入表单
操作：将【常用】插入栏切换到【表单】插入栏 ，然后 单击【表单】插入栏上的表单按钮，即可在编辑窗口添 加表单 ，如下图所示。
1.5．插入表单对象
操作：首先插入一个表单，然后将鼠标光标置于表单域内，单击【表单】插入 栏上的表单对象按钮即可，如下图，插入一个按钮表单对象。
2、 应用表单
1.3．表单属性
表单属性的各项意义如下：
• 【表单名称】文本框：设定表单的名称，可用于程序的调用。 • 【动作】文本框：可以输入一个URL地址，指向要处理表单数据的程序文件。 • 【方法】选项框：选择表单数据的发送方式。“默认”方法使用浏览器的默
认设置将表单数据发送到服务器。通常，“默认”方法为“GET”方法。“GET” 方法将值附加到请求该页面的 URL 中。“POST”方法将在 HTTP 请求中嵌入表 单数据。不要使用“GET”方法发送长表单。URL 的长度限制在 8192 个字符以 内，如果发送的数据量太大，数据将被截断，从而导致意外的或失败的处理 结果。并且在发送机密用户名和密码、信用卡号或其他机密信息时，不要使 用“GET”方法，用“GET”方法传递信息不安全。 • 【目标】选项框：可以选择在哪个目标位置打开新页面。 • 【MIME类型】选项框：指定表单数据采用什么样的编码类型提交给服务器。
• “文本域”：可在表单中插入文本域。文本域可接受任何类型的字母数字项。 输入的文本可以显示为单行、多行或者显示为项目符号或星号（用于保护密 码）。
• “复选框”：可在表单中插入复选框。复选框允许在一组选项中选择多项， 用户可以选择任意多个适用的选项。
• “单选按钮”：可在表单中插入单选按钮。单选按钮代表互相排斥的选择。 选择一组中的某个按钮，就会取消选择该组中的所有其他按钮。例如，用户 可以选择“是”或“否”。
2.2．文本域表单
• 【文本域】文本框：用于为文本域指定一个名称，此名称必须是唯一的。 • 【字符的宽度】文本框：设置在浏览器中显示的文本长度。 • 【最多字符数】文本框：指定文本域中最多可输入的字符数。超出了将发出
警告声，不填则可输入任意数量的字符。 • 【类型】单选项：指定文本域的类型。 • 【初始值】文本框：用于指定载入表单时文本域中显示的文本内容，一般用
• 如右图所示，展示了表单在留言簿页 面中的一个应用实例，其中使用了表 单对象有文本框、文本区域、列表/菜 单、按钮。
1.2．表单对象
【表单】插入栏列出了具体的表单对象，如上图所示。
• “表单”：可在文档中插入表单。任何其他表单对象，如文本域、按钮等， 都必须插入表单之中，这样所有浏览器才能正确处理这些数据。
• 2.1 • 2.2 • 2.3 • 2.4 • 2.5 • 2.6
表单使用 文本区域 单选按钮 列表/菜单 访客留言页面 用户这册页面
2.1．表单使用
对于网页中的表单，用户可以根据需要调整它的布局， 例如可以使用换行符、段落标记、预格式化的文本或表来 设置表单的格式。使用表格为表单对象和域标签提供结构 是比较常用的一种调整表单布局的方法。当在表单中使用 表格时，请确保所有的 table 标签都位于两个 form 标签之 间。需要注意的是不能将一个表单插入到另一个表单中， 即标签不能交迭，但是可以在一个页面中包含多个表单。
置列表的高度； 【初始化时选定】文本框：设定首次载入表单时选中那些选项；
按钮：设定列表/菜单的项目和项目值。
2.5．访客留言页面
2.6．用户这册页面
源自文库