第8章 表单.pptVIP

  • 20
  • 0
  • 约 21页
  • 2015-09-15 发布于广东
  • 举报
第8章 表单

●作业 1。各表单对象的功能是什么? 2。制作如图8.1.1所示的表单页面。 3。制作一个学生通讯录的表单页面,要求有姓名、年龄、系、专业、住址、电话等内容。 * 第8章 表单 《 网页设计与制作教程与实训》 (第2版) * * 第8章 表单 8.1 创建表单 8.2 添加表单对象 1. 文本域 2. 隐藏 3. 复选框 4. 单选按钮 5. 列表、菜单 6. 跳转菜单 7. 创建文件域 8. 表单按钮 8.1 创建表单 ● 表单的作用 ● 表单的组成 ● 表单的工作原理 ● 表单创建的基本操作 ● 表单的作用 表单提供了从用户那里收集信息、向数据库中添加信息和从数据库中搜索信息的方法,是建立动态网页的最重要的工具。 ● 表单的组成 一般的表单由两部分组成,一是描述表单的HTML源代码,二是客户端的脚本,或者服务器用来处理用户所填写信息的程序。 ● 表单的工作原理 当访问者将信息输入表单并单击提交按钮时,这些信息将被发送到服务器,服务器端脚本或应用程序在该处对这些信息进行处理,服务器通过将请求信息发送回用户,或基于该表单内容执行一些操作来进行响应。 ● 表单创建的基本操作 表单是用HTML标签创建的。form/form成对标签包围着其它表单对象标签,比如input,select和submit等标签。每个表单都是由一个表单域和若干个表单元素(表单对象)组成的,所有的表单元素放到表单域中才会有效,因此,制作表单页面的第一步是创建表单域。然后插入表单对象。 一个包含表单的页面 文本字段 列表/菜单 文本区域 按钮 单选按钮 复选框 8.2 添加表单对象 ● 表单对象 一个空的表单(有的书上叫表单标签,有的书上叫表单域)是没有任何用途的,只有在表单域中添加了表单对象,并对其属性和值进行设置后才能发挥表单强大的数据交换功能表单对象包括文本域(有的书上叫文本字段)、文本区域、隐藏域、复选框、单选按钮、列表(菜单)、跳转菜单、文件域、表单按钮等等。 一个包括以上表单对象的表单 文件域 跳转菜单 1. 文本域 Text Field(文本域):选择单行文本域、多行文本域或者密码文本域。指定显示尺寸和用户可以输入得最多字符数,后者是可选的。通过浏览器输入到密码文本域中的文本将显示为项目符号、X或者星号,根据用户的系统和浏览器设置的不同有所区别。 行文本域的【属性面版】 文本编辑窗口 2. 隐藏域 读者可以使用隐藏域存储并提交非浏览者输入的信息,该信息浏览者是看不到的。 具体的操作步骤如下所述: (1)将光标置于页面中需要插入隐藏域的位置。 (2)选择【插入快捷栏】的【表单】分类,单击左边第3个【隐藏域】按钮 ,随后一个隐藏域的标记便插入到了网页中。 (3) 单击隐藏域的标记将其选中,隐藏域的【属性面版】出现。 ? 【隐藏区域】文本框指定隐藏域的名称,默认为hiddenField。 ? 【值】文本框设置要为隐藏域指定的值,该值将在提交表单时传递给服务器。 3. 复选框 如果读者打算让浏览者可以从一组选项中选择多个选项,如兴趣、特长等问题,则可以使用复选框。 4. 单选按钮 在要求浏览者只能从一组选项中选择一个选项时,可以使用单选按钮 5. 列表、菜单 除了复选框和单选按钮以外,在遇到需要制作选项时,读者还可以使用列表、菜单。在拥有较多选项,并且网页空间有比较有限的情况下,列表/菜单将会发挥出最大的作用 【列表值】对话框 选定初始值的列表 【高度为4】的列表 6. 跳转菜单 跳转菜单是常见链接的一种形式,但与真正的链接相比,跳转菜单可以节省很大的空间。跳转菜单从表单发展而来,浏览者单击扩展按钮打开下拉菜单,在菜单中选择链接,即可连接到目标网页。 添加跳转菜单 页面中的跳转菜单 7. 创建文件域 文件域可以让用户在域的内部填写自己硬盘中的文件路径,然后通过表单上传,这是文件域的基本功能。文件域有一个文本框和一个【浏览】按钮组成。访问者可以通过表单的文件域来上传指定的文件。访问者可以在文件域的文本框中输入一个文件的路径,也可以单击文件域的【浏览】按钮来选择一个文件,当访问者提交表单时,这个文件被上传。 8. 表单按钮 对表单而言,按钮是非常重要的,它能够控制对表单内容的操作,如【提交】或【重置】。要将表单内容发送到远端服务器上,请使用【提交】按钮;要清除现有的表单内容,请使用【重置】按钮。 ●总结 网页制作不但要求有一定的DREAMWEAVER操作技能,还要有一定的美学基础,还要学习一下PHOTOSHOP,FLASH等工具软件,如果想做动态

文档评论(0)

1亿VIP精品文档

相关文档