HTML5培训学习表单标签form的使用

2017-04-01 15:25:00

(1)表单的处理动作---action
语法:

  

解释:在此语法中,表单的处理程序定义的是表单要提交的地址,也就是表单中收集到的资料将要传递的程序地址。此地址可以是绝对的,也可以是相对的。
实例:







 



在该实例中定义了表单提交的对象为一个邮箱地址,当程序运行后会将表单中收集的内容以电子形式发送出去。
 
(2)表单的名称---name
语法:

  

解释:name用于表单的命名,一般要设置一个与表单功能符合的名称。
实例:







 



在实例中将表单命名为register。
 
(3)表单的传送方式---method
语法:

  

解释:表单的传送方式值只有两种选择:get和post。在使用get时,表单数据会被视为CGI或ASP的参数发送,也就是来访者输入的数据会附加在URL之后,由用户端直接发送至服务器。优点是比post快,缺点是数据长度不能太长。使用post时,表单数据是与URL分开发送的,客户端的计算机会通知服务器来读取数据,所以通常没有数据长度限制,缺点是速度比get慢。默认使用get。
实例:







 



 
(4)表单的编码方式---enctype
语法:
 

解释:enctype属性用于设置表单信息提交的编码方式。Enctype的取值如下表:
Enctype取值
含  义
text/plain"enctype
以纯文本的形式传送
application/x-www-form-urlencoded
默认的编码形式
multipart/form-data
MIME编码,上传文件的表单必须选择该项
 
(5)目标显示方式---target
Target属性用来指定目标窗口的打开方式。表单的目标窗口往往用来显示表单的返回信息。
语法:
 

解释:目标窗口的打开方式包含四个取值:_blank、_parent、_self和_top.分别代表的为将返回信息显示在新打开的窗口中、父级的浏览器窗口中、当前浏览器窗口中和顶级浏览器窗口中。
实例:







 



在实例中,设置表单返回信息将在同一窗口中显示。

iOS QQ群

HTML5 QQ群

飞雀动态

行业新闻

Copyright © 2015-2016 Future education technology co., LTD All Rights Reserved