第6章表单技术.pptVIP

《网页设计技术》 第5章 表单技术 表单 表单是一个专业网站必不可少的对象，是一个网站具有交互功能的重要体现。表单被广泛用于各种信息收集和反馈，是一种实现信息交互的页面元素。。 表单可以让浏览者在网页中输入数据，然后将这些数据发送到WEB服务器。 访问者可以使用诸如文本域、列表框、复选框以及单选按钮之类的表单对象输入信息。如注册一个账号，必须填写相关的资料，然后单击某个按钮提交这些信息，这些信息将被发送到服务器中，服务器端应用程序对这些信息进行处理。 表单页面通常由两种类型的元素构成，一是普通的页面元素，二是用于接收信息的表单对象。 1 表单技术 空白表单 空白表单是一个容器，其它的表单对象都应该在这个容器中来创建。 表单对象只有依赖空白表单才能存在，如果没有插入空白表单，直接在文档中插入表单对象，将是无效的。 插入一个空白表单后，会出现一个红色虚线框，它表示空白表单对象，但该虚线不会出现在浏览器中。空白表单规定了其他的表单对象放置的区域，其对应的HTML标记为form…／form。包含在该区域的所有对象的信息都会得到处理。 * * 1 表单技术 表 表单对象列表 5-1 各属性的具体含义如下： 表单名称（Name）：用来为表单定义名称，需要输入一个能在脚本程序中引用的表单名，一般为英文名称。 动作（action）：设置处理提交的表单数据的应用程序的URL，即设定表单处理程序的URL。另外，也可是电子邮件的地址，此时表单数据发送到指定的电子邮箱；若没有指定ACTION属性的值，表示使用默认的表单处理程序。 例如：在动作属性框中输入login.asp，在方法选择框中选择post。 说明：action=login.asp是指将该表单的数据提交到login.asp页面处理，发送数据的方式post。 1 表单技术 method：指表单内的数据传送给服务器的方式：GET和POST。 GET：将表单内的数据同时附加到URL后面，数据限制为不超过8192个字符。如果传送数据太长，数据会被截短，此方式不安全。一般用作搜索引擎中查找关键字等操作 POST：不限制表单的长度。对于发送大量数据，需要保密的数据，则用此方式； 默认：用浏览器默认的方式发送，大多数浏览器都以GET为默认方式。 Target：用于指定表单处理程序将表单处理完后所显示的结果页面的打开位置。如_blank\_parent\_self\_top等 MIME类型：指定提交给服务器进行处理的数据所使用的编码类型。如果要创建文件域表单上传文件，则应选择multipart/form-data类型。 1 表单技术 表单输入标记INPUT INPUT标记是表单中最常用的标记，利用它可在表单域中创建文字域、密码域、复选框、单选按钮、提交按钮、文件域等表单对象。 格式：INPUT TYPE=“” NAME=“” 属性说明：NAME：用来定义表单项的名称，其名称在该表单内具有唯一性，且不能包含空格或特殊字符，可使用字母、数字和下划线的任意组合；NAME的属性值为存储该表单对象中输入的数据的变量名，将发送给服务器进行处理的值。 TYPE：Text、password、checkbox、radio、image、hidden、submit、resetfile、button等表单对象。 1 表单技术 各种表单对象的创建 文本域利用它可让访问者输入文本内容，可接受任何类型的字母、数字、文本等输入。根据文本字段的行数和显示方式可分为三种，分别如下： 单行文字域（输入的内容以单行显示） input type=text name= size= value= maxlength= 密码域（输入的内容以“*”或“·”显示） input type=password name= size= value= maxlength= 文本区域（输入的内容以多行显示）textarea name= rows= cols=…………/textarea 1 表单技术 属性说明： 字符宽度：设置文本及密码输入框中最多可显示的字符数，决定了输入框的宽度，输入的内容不受限制。如果超过字符宽度，则滚动显示。 最多字符数：设置单行文本域中最多可输入的字符数。 初始值：首次载入表单时显示的内容。 类型：指定文本域的类型,单行、多行还是密码。 换行：选定“多行”时，设置的表单对象为文本区域，此时选项可用。 关闭或默认：不自动换行 虚拟：设置自动换行。当提交数据进行处理时，自动换行并不应用于数据，数据作为一个字符串进行提交。 实体：自动换行，当提交数据进行处理时，对这些数据也设置自动换行。 1 表单技术 单选按钮用于从一组选项中选择一个选项。比如说性别选项，只能选择“男”或者是“女”，而不能