HTML5应用开发和 与实践课件第3章HTML5表单.ppt

;;3.1 表单概述;;1．处理动作——action 真正处理表单的数据脚本或程序在action属性里，这个值可以是程序或脚本的一个完整URL。 语法 form action=表单的处理程序 ...... /form 说明： 在该语法中，表单的处理程序定义的是表单要提交的地址，也就是表单中收集到的资料将要传递的程序地址。这一地址可以是绝对地址，也可以是相对地址，还可以是一些其他的地址例如发送E-mail等。 form action=mailto:mingrisoft@ /form 上面就是定义了表单提交的地址为一个邮件，当程序运行后会将表单中收集到的内容以电子邮件的形式发送出去。实例代码： html head title设定表单的处理程序/title /head body !--这是一个没有控件的表单-- form action=mail:mingri@ /form /body /html 在这个实例中，定义了表单提交的地址为一个邮件，当程序运行后会将表单中收集到的内容以电子邮件的形式发送出去。;实例代码 html head title设定表单的传送方式/title /head body !--这是一个没有控件的表单-- form action=mail:mingri@ name=register method=post /form /body /html 在这个实例里，表单register的内容将会以post的方式通过电子邮件的形式传送出去。 说明： Method=get：使用这种方式提交表单时，表单数据会被视为CGI或ASP的参数发送，也就是来访者输入的数据会附加在URL之后，由用户端直接发送至服务器，所以速度上会比post快，但缺点是数据长度不能够太长。在没有指定method的情形下，一般都会视get为默认值。 Method=post：使用这种设置时，表单数据是与URL分开发送的，用户端的计算机会通知服务器来读取数据，所以通常没有数据长度上的限制，缺点是速度上会比get慢。 ;4．编码方式——enctype 表单中的enctype参数用于设置表单信息提交的编码方式。 语法 form enctype=编码方式 ...... /form enctype属性为表单定义了MIME编码方式，编码方式的取值见表3-1 表3-1 编码方式的取值;实例代码 html head title设定表单的编码方式/title /head body !--这是一个没有控件的表单-- form action=mail:mingri@ name=register method=post enctype=text/plain /form /body /html 在这个实例中，设置了表单信息以纯文本的编码形式发送。;5．目标显示方式——target target属性用来指定目标窗口的打开方式。表单的目标窗口往往用来显示表单的返回信息，例如是否成功提交了表单的内容、是否出错等。 语法 form target=目标窗口的打开方式 ...... /form 目标窗口的打开方式包含4个取值：_blank、_parent、_self和_top。其中_blank是指将返回的信息显示在新打开的窗口中；_parent是指将返回信息显示在父级的浏览器窗口中；_self则表示将返回信息显示在当前浏览器窗口；_top表示将返回信息显示在顶级浏览器窗口中。 实例代码 html head title设定表单的编码方式/title /head body !--这是一个没有控件的表单-- form action=mail:mingri@ name=register method=post enctype=text/plain target=_self /form /body /html 在这个实例中，设置表单的返回信息将在同一窗口中显示。 以上所讲解的只是表单的基本构成标记，而表单的form标记只有和它所包含的具体控件相结合才能真正实现表单收集信息的功能。下面就对表单中各种功能的控件的添加方法加以说明。;1．文字字段——text text属性值用来设定在表单的文本域中，输入任何类型的文本、数字或字母。输入的内容以单行显示。 语法 input type=text name=控件名称 size=控件的长度 maxlength=最长字符数 value=文字字段的默认取值 在该语法中包含了很多参数，它们的含义和取值方法不同，见表3-2所示。其中name、size、maxlength参数一般是不会省略的参数。 表3-2 text文字字段的参数表;【例3-