1、单选按钮.pptVIP

第13章 表单 ●了解表单如何传值 ●掌握表单元素的使用 ●制作表单与服务器端程序或客户端 脚本程序进行交互。 本章学习知识点 上一张 下一张 返回 13.1 了解表单 本章内容目录 13.2 表单域的创建与修改 13.3 常用表单元素 13.4 检查表单 13.1 了解表单 在页面中添加表单传递数据需要两个步骤，一是制作表单，二是编写处理表单提交的数据的服务器端应用程序或客户端脚本，通常是ASP、JSP等。 对表单进行处理的程序可以放在服务器端执行，现在比较流行的Web编程语言有ASP、PHP和JSP等。 网站中最常见的表单应用是注册页面、登陆页面等，也就是客户向服务器提交信息的场合，以申请论坛会员为例，用户填写好表单，单击某个按钮提交给服务器，服务器记录下用户的资料，并提示给用户操作成功的信息，还会返回给用户账号等信息，这时就成功完成了一次与服务器的交互，用户登陆论坛时，要填写正确的账户和密码，提交给服务器，服务器审核正确后，才允许用户登陆论坛，有时候还会分配给用户一些会员才有的权限。 如图13-1所示为常见的注册页面，如图13-2所示为常见的登录页面。 图13-1 注册页面 图13-2 登录页面 13.2 表单域的创建与修改 13.2.1 创建表单域 13.2.2 设置表单属性 13.2.1 创建表单域 将鼠标光标定位至要插入表单域的位置，选择主菜单“插入”→“表单”→“表单”命令，即可在指定位置插入一个表单域，表单域是一个红色的虚线矩形框，如图13-3所示。 还可以通过单击“表单”插入栏中的“表单域”按钮插入表单域，如图13-4所示。 图13-3 表单域 图13-4 “表单”插入栏 创建的表单域四周的红色虚线只在Dreamweaver 8中可见,在浏览器中并不会显示出来。 只需根据自己的需要把表单元素拖到表单域中，表单域会自动调整大小以容纳下所有的表单元素。 13.2.2 设置表单属性 表单的属性通过“属性”面板来设置。单击创建的表单域，在编辑窗口下方出现表单的“属性”面板，如图13-5所示。 图13-5 表单的“属性”面板 “属性”面板中的各项属性功能如下： 1、表单名称：可以在这里为表单命名，在对表单数据进行处理的应用程序中有时候会用到。 2、动作：用来处理表单数据的程序所在的地址。可以直接在文本框中输入地址，也可以单击右侧的“浏览”按钮 ，在打开的“选择文件”对话框中进行选择。 3、方法：设置表单的提交方式，也就是传递数据的方法。在“方法”下拉列表框的选项中可以看到共有3种提交方式，分别是“默认”、GET和POST。 默认：选择“默认”方式，数据提交方式将由浏览器决定，通常是GET方式。 GET：选择GET方式，表单中的数据将附在“动作”中指定的页面的地址末尾传送出去，GET方式传送的速度快，但是能传送的数据量小，而且数据会在地址栏中被显示出来。 POST：POST方式不限制所传送数据的大小，它是将整个表单中的所有数据作为一个文件（POSTDATA.ATT）传送出去的，一般情况下都使用这种方式提交表单。 4、目标：目标用来设置要新打开的页面在什么地方显示，在“目标”下拉列表框中可以看到有4种选项，分别是_blank、_parent、_self和_top。 _blank：在新打开的空白窗口中显示。 _parent：在显示链接的框架的父框架集中打开，同时替换整个框架集。 _self：在当前框架中打开链接，同时替换该框架中的内容。 _top：在当前浏览器窗口中打开链接的文档，同时替换所有框架。 5、MIME类型：用来指定对提交给服务器的数据的编码类型。默认为application/x-www-form-urlencode，可以传送数值，multipart/form-data类型用来上传文件。 13.3 常用表单元素 13.3.3 按钮 13.3.4 单选按钮 13.3.1 文本字段 13.3.2 文本区域 13.3.5 复选框 13.3.6 单选按钮组 13.3.13 列表/菜单 13.3.8 文件域 13.3.1 文本字段 文本字段可以在表单中插入文本框，供用户输入数据，例如姓名、年龄和电话号码等。 文本字段的“属性”面板如图13-6所示。 图13-6 文本字段的“属性”面板 文本字段的属性功能如下： 1、文本域：用来给文本字段指定一个名称，每个文本域必须有一