js取form对象方法,表单属性和方法
2014-08-18 16:04
411 查看
在我们添加一个表单时会有一串表单的代码,如下:
<form name="表单名称" action="动作" method="post" target="目标"></form>
表单信息的处理过程为:当单击表单中的提交按钮时,输入在表单中的信息就会上传到服务器中,然后由服务器的有关应用程序进行处理,处理后或者将用户提交的信息储存在服务器端的数据库中,或者将有关的信息返回到客户端浏览器上。
FORM标记的属性解释如下:
name:表单的名称
method:定义表单结果从浏览器传送到服务器的方法,一般有两种方法get和post
action:用来定义表单处理程序(一个ASP,CGI等程序)的位置( 相对地址或绝对地址)
enctype:设置表单资料的编码方式
target:设置返回信息的显示方式
•NAME属性
通过为表单命名可以控制表单与后台程序之间的关系。
•METHOD属性
METHOD属性中,GET方法是将表单内容附在URL地址后面,所以对提交信息的长度进行了限制,不可以超过8192个字符。如果信息太长,将被截去,从而导致意想不到的处理结果。同时GET方法不具有保密性,不适合处理如信用卡卡号等要求保密的内容,而且不能传送非ASCII码的字符。
POST方法是将用户在表单中填写的数据包含在表单的主体中,一起传送到服务器上的处理程序中,该方法没有字符的限制,它包含了ISO10646的字符集,是一种邮寄的方式,在浏览器的地址栏不显示提交的信息,这种方式传送的数据是没有限制的。
当不指明是哪种方式时,默认为GET方式。
•ENCTYPE属性
设置表单信息提交的编码方式,有以下几种:
TEXT/plain:以纯文本形式传送信息
Application/x-www-Form-urlencoded:默认的编码形式
Multipart/Form-data:使用MINE编码
•TARGET属性
设置表单信息返回的窗口。
TARGET的值有以下几种:
_blank:将返回信息显示在新开的浏览器窗口中
_parent:将返回信息显示在父级浏览器窗口中
_self:将返回信息显示在当前浏览器窗口中
_top:将返回信息显示在顶级浏览器窗口中
获取表单对象方法一、var form = document.forms['myform'];
得到表单的值:var usrname = form.elements['user'].value
获取表单对象方法二、var form = document.myform;
表单属性和方法:
1.action
2.elements
3.enctype
4.length
5.method
6.name
7.submit()
8.reset()
<form name="表单名称" action="动作" method="post" target="目标"></form>
表单信息的处理过程为:当单击表单中的提交按钮时,输入在表单中的信息就会上传到服务器中,然后由服务器的有关应用程序进行处理,处理后或者将用户提交的信息储存在服务器端的数据库中,或者将有关的信息返回到客户端浏览器上。
FORM标记的属性解释如下:
name:表单的名称
method:定义表单结果从浏览器传送到服务器的方法,一般有两种方法get和post
action:用来定义表单处理程序(一个ASP,CGI等程序)的位置( 相对地址或绝对地址)
enctype:设置表单资料的编码方式
target:设置返回信息的显示方式
•NAME属性
通过为表单命名可以控制表单与后台程序之间的关系。
•METHOD属性
METHOD属性中,GET方法是将表单内容附在URL地址后面,所以对提交信息的长度进行了限制,不可以超过8192个字符。如果信息太长,将被截去,从而导致意想不到的处理结果。同时GET方法不具有保密性,不适合处理如信用卡卡号等要求保密的内容,而且不能传送非ASCII码的字符。
POST方法是将用户在表单中填写的数据包含在表单的主体中,一起传送到服务器上的处理程序中,该方法没有字符的限制,它包含了ISO10646的字符集,是一种邮寄的方式,在浏览器的地址栏不显示提交的信息,这种方式传送的数据是没有限制的。
当不指明是哪种方式时,默认为GET方式。
•ENCTYPE属性
设置表单信息提交的编码方式,有以下几种:
TEXT/plain:以纯文本形式传送信息
Application/x-www-Form-urlencoded:默认的编码形式
Multipart/Form-data:使用MINE编码
•TARGET属性
设置表单信息返回的窗口。
TARGET的值有以下几种:
_blank:将返回信息显示在新开的浏览器窗口中
_parent:将返回信息显示在父级浏览器窗口中
_self:将返回信息显示在当前浏览器窗口中
_top:将返回信息显示在顶级浏览器窗口中
获取表单对象方法一、var form = document.forms['myform'];
得到表单的值:var usrname = form.elements['user'].value
获取表单对象方法二、var form = document.myform;
表单属性和方法:
1.action
2.elements
3.enctype
4.length
5.method
6.name
7.submit()
8.reset()
相关文章推荐
- js不能提交表单,提示对象支持此属性和方法
- 用JS动态改变表单form里的action值属性的方法
- 用JS动态改变表单form里的action值属性的方法
- form表单中name属性值为submit时,无法提交,出现"对象不支持此属性或方法"
- 解决js提交form时对象不支持此属性和方法"的ie错误
- form表单提交提示对象不支持此属性或方法
- 用JS动态改变表单form里的action值属性的两种方法
- JS动态改变form表单里的action值属性的方法
- 关于form表单的submit提交时对象没有该属性和方法问题
- Jquery如何序列化form表单数据为JSON对象 C# ADO.NET中设置Like模糊查询的参数 从客户端出现小于等于公式符号引发检测到有潜在危险的Request.Form 值 jquery调用iframe里面的方法 Js根据Ip地址自动判断是哪个城市 【我们一起写框架】MVVM的WPF框架(三)—数据控件 设计模式之简单工厂模式(C#语言描述)
- 表单提交中form.action,form.submit()问题 *** 对象不支持此属性或方法
- js-window对象的方法和属性资料
- form submit 错误 对象不支持此属性或方法
- 显示js对象所有属性和方法的函数
- 用js将form表单同时提交到两个不同页面的方法
- 更新 JScript IntelliSense 时出错: D:\jqueryT\js\jquery-1.3.2.js: 对象不支持此属性或方法 @ 2139:1
- 用js将form表单同时提交到两个不同页面的方法
- 常见错误:JavaScript 提交form 的时候,Error:对象不支持此属性或方法
- 关于Javascript与表单结合时出现"对象不支持此属性或方法"的问题总结(不断更新中...)
- [荐]JS入门·对象属性方法大总结