网页设计与制作第6章表单的使用.pptxVIP

第6章 表单的使用第一页，共二十一页。 第6章 表单的使用学习目标： 通过这章的学习，可以应用表单收集来自用户的信息，包括网上调查、网上订单和建立搜索界面等等。主要内容包括表单和表单对象概念、创建表单和添加表单对象。第二页，共二十一页。 第6章 表单的使用 简单地说，表单就是用户可以在网页中填写信息的表格，其作用是接收访问者信息并将提交给Web服务器上特定的程序进行处理。表单是收集访问者反馈信息的有效方式，是网站与浏览者实现互动的重要手段。在网络中应用非常广泛。目前大多数的网站，尤其是专业型的网站，都需要与访问者进行动态的交流。要实现与访问者的交互，表单是必不可少的板块。例如，在线申请、在线购物和在线调查问卷等。表单架设了网站和访问者之间进行沟通的桥梁。这些过程就是需要填写一系列表单，并将其发送到网站的后台服务器，交由服务器的脚本或应用程序来处理。第三页，共二十一页。 第6章 表单的使用6.1 表单插入面板6.2 表单的创建6.3 表单对象的创建第四页，共二十一页。 6.1 表单插入面板 一般的表单由文本域、复选框、按钮、文件域等部分组成，而所有的部分，都包含在一个<form>标识符标志的表单结构内。（表单体）：添加其他表单对象的基本容器。（文本字段）：在表单中建立文本输入框的工具。（隐藏域）：在网页的表单中包含隐藏的信息。（文本区域）：在表单中建立输入多行文本输入的工具。（复选框）：供用户在提供的多个选项中做出复选。（单选按钮）：用于创建单个按钮。（单选按钮组）：用于创建多个单选按钮，并使这些单选按钮成为一组第五页，共二十一页。 6.1 表单插入面板（列表/菜单）：可以在网页中以列表的形式为用户提供一系列的预设选择项。（跳转菜单）：提供一个包含跳转动作的菜单列表。（图象域）：可用于替换表单中的标准按钮对象。（文件域）：在网页中建立一个文件地址的输入选择栏。（按钮）：用于触发服务器脚本处理程序的工具。（标签）：当用户单击该按钮时，文档窗口则会显示为文档和代码同进显示模式，并在源代码中添加<label>标签和</label>标签，在这两个标签之间用户可以输入相应的代码。（字段集）：用于让用户在对话框中输入代码，然后系统自动将这些代码加入到表单源代码中。第六页，共二十一页。 6.2 表单的创建 表单最重要的用途是和用户进行交互，所以表单必须有非常方便的用户界面。使用表单可以使你搜索来自用户的信息，从而达到进行交互的目的。 根椐需要设置如下参数：【表单名称】：用于设置表单的名称，可在下面的编辑框中输入一个名字。【动作】：用于指定处理表单的应用程序。【方法】：用于指定处理表单的方法第七页，共二十一页。 6.2 表单的创建默认，使用浏览器默认的方法（一般为GET）。选择GET，追加表单值到URL，并发送服务器GET请求，URL限制长度为819个字符，超出长度的部分会被去掉，所以不要对长表单使用GET方法，也不要用GET方法传送用户名、密码、信用卡账号或其他机密信息，因为GET方法不是传送信息的安全方式。选择POST，在HTTP request的消息正文中发送表单的值，并发送服务器POST请求。【目标】：指定打开链接文件的框架或窗口。【MIME类型】：指定提交服务器处理的数据的MIME编码方式，与POST方法连用的一般是application/x-www-form-urlencode。如果创建的是文件上载区域，则指定multipart/form-data MIME格式。第八页，共二十一页。 6.2 表单的创建表单的HTML基本语法 <form>.. .. .. ..</form>第九页，共二十一页。 6.3 表单对象的创建 在创建表单之后，就可以通过表单工具面栏在表单中插入各种表单对象，也可以通过相应的菜单在表单中插入相应的表单对象。在表单中可以插入单行文本域、隐藏文本域、多行文本域、单选按钮、复选框、单选按钮组、列表菜单以及跳转菜单等多种表单对象。第十页，共二十一页。 6.3.1 插入文本字段和文本区域 文本字段和文本区域如图6-7所示，用来输入文本，如姓名、密码等内容。【文本域】：给文本域分配一个名字。每一个文本域必须对应不同的名字。【字符宽度】：设置文本域内可以显示字符的最大数目。这个值可以小于【最多字符数】文本框的值【最多字符数】：设置单行文本域内一行所能显示的最多字符数目或多行文本域所能显示的最大行数。【初始值】：设置文本域第一次显示时的文字。【类型】：设置文本域为单行文本域、多行文本域或密码文本域。【单行】：在代码中加入TYPE属性为TEXT的INPUT标记