网页设计与制作实用教程 雷运发 第11章

《网页设计与制作实用教程 雷运发 第11章》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第十一章动态网页设计本章学习目标理解表单的作用掌握表单及表单域的使用方法掌握服务器环境的配置掌握简单留言本的制作方法1.表单1.什么是表单2.表单域的类型3.表单什么是表单表单是用于实现网页浏览者与服务器之间信息交互的一种页面元素，在WWW上它被广泛用作各种信息的收集和反馈。如图所示是两个表单不论是什么类型的表单，基本的工作原理都一样。当浏览者浏览该表单页面，填写或选择相应的信息后，点击“提交”按钮，将填写或选择的信息以指定的方式发送到服务器端，由服务器端特定的程序处理，处理的结果是向客户端返回一个页面（例如通

2、知注册成功页面）或者在服务器端完成相应的操作（例如数据库操作）。因此，动态网页技术不仅需要表单，还需要服务器端处理程序来共同实现动态效果。通过对比，我们可以总结出典型的表单组成内容：（1）表单标签：这里面包含了处理表单数据所用程序的URL地址和数据提交到服务器的方法。（2）表单域：包含了文本字段、密码框、隐藏域、多行文本区域、复选框、单选钮、下拉选择框和文件上传框等类型。用于接受用户输入或选择的信息。（3）表单按钮：包括提交按钮、复位按钮和一般按钮。用于将数据传送到服务器或者取消输入，还可以用表单按钮来控制其他

3、脚本处理语句的处理工作2.表单域的类型HTML定义了以下类型的表单域：（1）文本框：文本框可以接受用户的输入信息。文本框分为两种：单行文本字段、密码框和多行的文本区域。对于任何一种文本框，所输入的文本将作为该表单域的当前值（2）复选框：复选框使用户可以选择信息。对于多个具有同一名称的复选框，用户可以选中其中的一个或多个。（3）单选钮：单选钮与复选框类似，也用于选择信息。但是，对于具有同一名称的多个单选钮，用户只能选择其中一个。（4）按钮：可以创建3种类型的按钮：提交按钮（Submit按钮，单击该按钮可以提交表单

4、）、重置按钮（Reset按钮，单击该按钮可以使所有表单域恢复其初始值）和普通按钮。（5）列表/菜单：“列表/菜单”使用户可以从列举的多个值中选择一个（菜单）或多个值（列表）。可以设置“初始化值”来给出默认信息。（6）文件选择框：文件选择框使用户可以选择文件，以便这些文件（以文件的路径名称提交）可以与表单一起提交。（7）隐藏域：隐藏域并不在表单中显示，但其值能与表单一起提交。该表单域通常用于保存一些特定信息。3.表单通过前面的介绍，相信大家对表单有了初步的了解。接下来我们将逐步并详细的介绍表单的创建、编辑和应用。

5、1．Form标签如果要在网页中添加表单域，应首先添加表单，即定义表单的数据采集的范围。（1）表单的创建在插入面板上选择“表单”标签，点击按钮，表单将插入到页面中插入表单后效果如图注意：1．插入表单的HTML语法为：＜FORMAction="URL"Method="GET

6、POST"Enctype="MIME类型"TARGET="..."＞...（表单元素）＜/FORM＞2．FORM标签不能嵌套，即表单不能嵌套。（2）表单的属性设置在页面中选中表单（如果不能选中整个表单，可以在页面的左下侧点击中的“