细说from标签
2018-01-12 本文已影响0人
挥剑斩浮云
举例:
<form name="biaodanmingcheng" action="mailto:lvyestudy@foxmail.com" method="post" target="_blank" enctype="application/x-www-form-urlencoded"></form>
form标签属性
-
<form>
标签有几个属性,分别是action
、method
、enctype
和target
属性。这几个属性由于实际操作性不是很强,比较抽象。 - 表单名称
name
- 一个页面你的表单可能不止一个,为了区分这些表单,我们使用
name
属性来给表单进行命名。这样也是为了防止表单提交之后到后台程序出现混乱。
- 一个页面你的表单可能不止一个,为了区分这些表单,我们使用
- 提交表单
action
-
action
用于指定表单数据提交到哪个地址进行处理
-
- 传送方法
method
- 表单
method
属性作用是告诉浏览器,指定将表单中的数据使用哪一种HTTP提交方法,取值为get
或post
。
- 表单
form标签的method属性
method属性值 说明
get 默认值,表单数据被传送到action属性指定URL,然后这个新URL被送到处理程序上
post 表单数据被包含在表单主体中,然后被传送到处理程序上
- 目标显示方式
target
-
<form>
标签的target
属性跟<a>
标签的target
属性一样,都是用来指定目标窗口的打开方式。
-
<form>标签target属性
target属性值 说明
_self 默认值,表示在当前的窗口打开页面
_blank 表示在新的窗口打开页面
_parent 表示在父级窗口中打开页面
_top 表示页面载入到包含该链接的窗口,取代当前在窗口中的所有页面,因此其他所有
- 编码方式
enctype
-
<form>
标签的enctype
属性用于设置表单信息提交的编码方式。
-
<form>标签的enctype属性
enctype属性值 说明
application/x-www-form-urlencoded 默认的编码方式
multipart/form-data MIME编码,对于“上传文件”这种表单必须选择该值
一般情况下,采用默认值就行了(即enctype属性不需要设置)。