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

2017-04-03 15:25:00

(1)表单的处理动作---action
语法:<form action="表单的处理程序">
  </form>
解释:在此语法中,表单的处理程序定义的是表单要提交的地址,也就是表单中收集到的资料将要传递的程序地址。此地址可以是绝对的,也可以是相对的。
实例:<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>设置表单的处理程序</title>
</head>
<body>
<form action="mailto:3307105372@qq.com">
</form>
</body>
</html>
在该实例中定义了表单提交的对象为一个邮箱地址,当程序运行后会将表单中收集的内容以电子形式发送出去。
 
(2)表单的名称---name
语法:<form name="表单名称">
  </form>
解释:name用于表单的命名,一般要设置一个与表单功能符合的名称。
实例:<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>设置表单的名称</title>
</head>
<body>
<form action="mailto:3307105372@qq.com" name="register">
</form>
</body>
</html>
在实例中将表单命名为register。
 
(3)表单的传送方式---method
语法:<form method="传送方式">
  </form>
解释:表单的传送方式值只有两种选择:get和post。在使用get时,表单数据会被视为CGI或ASP的参数发送,也就是来访者输入的数据会附加在URL之后,由用户端直接发送至服务器。优点是比post快,缺点是数据长度不能太长。使用post时,表单数据是与URL分开发送的,客户端的计算机会通知服务器来读取数据,所以通常没有数据长度限制,缺点是速度比get慢。默认使用get。
实例:<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>设置表单的传送方式</title>
</head>
<body>
<form action="mailto:3307105372@qq.com" name="register" method="post">
</form>
</body>
</html>
 
(4)表单的编码方式---enctype
语法:<form enctype="编码方式"></form>
解释:enctype属性用于设置表单信息提交的编码方式。Enctype的取值如下表:
Enctype取值
含  义
text/plain"enctype
以纯文本的形式传送
application/x-www-form-urlencoded
默认的编码形式
multipart/form-data
MIME编码,上传文件的表单必须选择该项
 
(5)目标显示方式---target
Target属性用来指定目标窗口的打开方式。表单的目标窗口往往用来显示表单的返回信息。
语法:<form target="目标窗口打开方式"></form>
解释:目标窗口的打开方式包含四个取值:_blank、_parent、_self和_top.分别代表的为将返回信息显示在新打开的窗口中、父级的浏览器窗口中、当前浏览器窗口中和顶级浏览器窗口中。
实例:<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>设置表单的显示方式</title>
</head>
<body>
<form action="mailto:3307105372@qq.com" name="register" method="post" enctype="text/plain"target="_self">
</form>
</body>
</html>
在实例中,设置表单返回信息将在同一窗口中显示。

iOS QQ群

HTML5 QQ群

飞雀动态

行业新闻

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