8.1-表单的应用.pptVIP

表单的应用 了解表单 学会创建表单 掌握插入表单对象的方法 1.1 表 单 简 介 在网上浏览时常会遇到要求填写资料或提供信息的页面，如申请QQ号码时填写个人信息的页面，网上购物时填写的购物单等，这些页面即是表单页面。表单通常由多个表单对象组成，如单选按钮、复选框、文本字段以及按钮等，网站管理员可以通过表单从浏览者处收集需要的信息，从而实现信息的传递。 1.2 创 建 表 单 在制作表单页面之前首先要创建表单。表单对象必须添加到表单内才能正常运行。 将插入栏切换到“表单”插入栏，单击该栏中的某个按钮并进行相应的操作即可完成表单的创建及表单对象的添加。 对于处理表单的程序等后台知识这里不作讲解，有兴趣的同学可以查阅相关书籍。 1.3 表 单 对 象 表单就像是一个装东西的筐子，可在其中添加各种表单对象，添加了表单对象后表单才能真正地起作用，它可以让访问者输入数据或执行其他交互操作。 1.3 表 单 对 象 1.3.1 表单对象介绍 1.3.2 插入表单对象 1.3.1 表单对象介绍 表单对象有文本字段、文本区域、隐藏域、单选按钮、复选框、按钮、列表/菜单、文件域和图像域等，它们各有不同的作用。下面将分别进行讲解。 1.3.1 表单对象介绍 1．文本字段 2．文本区域 3．隐藏域 4．复选框 5．单选按钮 6．单选按钮组 1．文本字段 文本字段可以是单行或多行，也可是密码域，它是最常见的表单对象之一。文本字段可接受任何类型文本内容的输入。 1．添加文本字段 根据文本字段的行数和显示方式可分为单行文本字段、多行文本字段和密码域3种，下面将分别讲解其添加方法。 1）单行文本字段的添加 2）多行文本字段的添加 3）密码域的添加 2．文本区域 文本区域和文本字段基本相同，可用单行、多行或密码域的方式显示，可接受任何类型文本的输入。 2．添加文本区域 将光标插入点定位到表单中要添加文本区域的位置，单击“表单”插入栏中的 按钮或选择“插入/表单/文本区域”命令，在表单中将会添加一个文本区域。文本区域的属性设置方法与文本字段的相同，这里不再赘述。 3．隐藏域 隐藏域是指在浏览器上不显示的表单对象。 隐藏域可存储访问者输入的信息内容，并向服务器提供这些数据，便于通过后台处理程序实现在该访问者下次访问此站点时显示这些数据的目的。如浏览者在登录表单中输入了用户名，隐藏域就会将其记录下来，在访问者打开该网站其他页面时显示一段包含访问者姓名的欢迎信息。 4．复选框 复选框具有多选性，允许在一组选项中选择一个或多个选项。 5．单选按钮 单选按钮具有惟一性，即在同组选项中只能选择一个选项。如果选中了一个选项再选中另一个选项，则先选中的选项会被取消。 6．单选按钮组 如果需添加的单选按钮较多，可使用单选按钮组，在其中可一次性添加多个单选按钮。 7．列表/菜单 在列表中允许访问者选择多个选项，而菜单只允许访问者从中选择一项。浏览者可通过列表和菜单提供的选项选择适当的值。 8．跳转菜单 在跳转菜单中可以创建Web站点内文档的链接、其他Web站点上文档的链接、电子邮件链接以及图形链接等。选择跳转菜单中的任意一个选项，可跳转到相应的网页。 9．图像域 使用图像域可以用Fireworks等图形处理软件制作一些较漂亮的按钮图像来代替Dreamweaver默认的按钮。 在网页中添加自制按钮可使网页更具个性化。要添加自制按钮需使用添加图像域的方法。 10．文件域 文件域可使访问者浏览到本地电脑上的某个文件，并将该文件作为表单数据上传。 利用文件域可实现浏览者上传文件的功能。 11．按钮 按钮可用作提交或重置表单等，只有在被单击时才能执行操作。用户可以为按钮添加自定义的名称或标签，或使用预定义的“提交”、“重置”标签。 浏览者提交表单信息必须要有按钮才能实现。 13.3.2 插入表单对象 将讲解向表单中添加各种对象的方法。各个表单对象的添加方法都大致相似。 13.3.2 插入表单对象 1．添加文本字段 2．添加文本区域 3．添加隐藏域 4．添加复选框 5．添加单选按钮 6．添加单选按钮组 1.4 上 机 练 习 本次上机练习是要为“TVB阵线”的注册网页添加表单和表单对象，对于处理表单的程序等后台知识这里不作讲解，有兴趣的同学可以查阅相关书籍。 本例需让用户填写包括昵称、密码、邮箱、个性宣言等信息。 鹅韩膛讳辊咬绥焰愤西催巳呕少脐木悯斋炙暗胳贝枝疚比庐洪盒叼粕袜端8.1-表单的应用8.1-表单的应用 空请箱襄视探忍挛瞻骗矫蹭墒转幼糜勺星谜司射缅产舆咯米搐担尿得歪咬8.1-表单的应用8.1-表单的应用 脖胜圣懊霉内铱梳啪剃初临玛于揽弃胰唆获奥超答叛恫柑猩支桩艇球蹬织8.1-表单的应用8.1-表单的应用 苏退设库悸他献铲射历漠诅烈洞划