5-1表单相关标签及属性.pptx

;教学目标;;一、表单简介

表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分：表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。

;二、表单建立步骤

第一：决定要搜集的数据，即决定了表单需要搜集用户的那些数据。

第二：建立表单，根据第一步的要求选择合适的元素创建表单。

第三：设计表单处理程序：用于接受浏览者通过表单所输入的数据并将数据进行进一步处理。

;三、表单的定义;（1）处理程序-action

语法：formaction=“表单的处理程序“……/form

真正处理表单的数据脚本或程序在action属性里，这个值可以是程序或脚本的一个完整URL。

在该语法中，表单的处理程序定义的是表单要提交的地址，也就是表单中收集到的资料要传递的程序地址。这一地址可以是绝对地址，也可以是相对地址，还可以是一些其他的地址形式例如发送E-mail等。;（2）表单的名称-name

语法：formname=表单名称……/form

名称属性name用于给表单命名。这一属性不是表单的必需属性，但是为了防止表单信息在提交到后台处理程序时出现混乱，一般要设置一个与表单功能符合的名称，例如注册页面的表单可以命名为register。不同的表单尽量不用相同的名称，以避免混乱。

表单名称中不能包含特殊符号和空格。;（3）传送方法-method

语法：formmethod=传送方式……/form

表单的method属性用来定义处理程序从表单中获得信息的方式，可取值为get或post，它决定了表单中己收集的数据是用什么方法发送到服务器的。

method=get：使用这个设置时，表单数据会被视为CGI或ASP的参数发送，来访者输入的数据会附加在URL之后，由用户端直接发送至服务器，速度上会比post快，缺点是数据长度不能够太长。

method=post：使??这种设置时，表单数据是与URL分开发送的，用户端的计算机会通知服务器来读取数据，所以通常没有数据长度上的限制，缺点是速度上会比get慢。

在没有指定method的情形下，一般都会视get为默认值。;（4）目标显示-target

语法：formtarget=目标窗口的打开方式……/form

target属性用来指定目标窗口的打开方式。表单的目标窗口往往用来显示表单的返回信息，例如是否成功提交了表单的内容、是否出错等。

目标窗口的打开方式包含4个取值：_blank、_parent、_self和_top。其中_blank是指将返回的信息显示在新打开的窗口中；_parent是指将返回信息显示在父级的浏览器窗口中；_self则表示将返息显示在当前浏览器窗口；_top表示将返回信息显示在顶级浏览器窗口中。;表单概述;;按照元素的填写方式可以分为输入类和菜单列表类。输入类的元素一般以input标记开始，说明这一元素需要用户的输入；

菜单列表类则以select开始，表示用户需要选择。

按照元素的表现形式则可以将元素分为文本类、选项按钮、菜单等几种。

在HTML表单中，input参数是最常用的元素标记，包括最常见的文本域、按钮都是采用这个标记。

这个标记的基本语法是：

form

inputname=“元素名称”type=“元素类型“

/form ;在这里，“元素名称”是为了便于程序对不同元素的区分，而“type”参数则是确定了这一个元素域的类型。;基本语法：

input属性1属性2…

常用属性：

name：元素名称

type：元素的类型，如radio、text等

align：指定对齐方式，可取top、bottom、middle

size：指定元素的宽度

value：用于设定输入默认值

maxlength：在单行文本的时候允许输入的最大字符数

src：插入图像的地址;（1）单行文本输入框（inputtype=“text”）

语法：

inputtype=“text”name=“元素名称”maxlength=“长度”size=“宽度”value=“默认值”/;（2）密码输入框（inputtype=“password”）

语法：inputtype=“password”name=“元素名称”size=“元素的长度“maxlength=“最长字符数“value=”密码域的默认取值“

在网页中有一种特殊的文本字段，