document.forms用法示例介绍

概述

forms 返回一个集合 (一个HTMLCollection对象),包含了了当前文档中的所有form元素.

语法

var collection = document.forms;

document.forms[‘exportServlet‘].submit();
(1)document.forms:表示获取当前页面的所有表单
(2)document.forms[0]:表示获取当前页面的第一个表单
(3)document.forms[‘exportServlet‘]:表示获取当前页面的name="exportServlet"的表单
(4)submit()表示提交函数

例子

注意:get请求表单的action属性后不能带参数

获取表单信息

<scripttype="text/javascript">
$(function(){
  var thisForm = document.forms[‘form1‘]; //获取name为form1的form表单
  //var thisForm = document.forms[0]; //获取第一个form表单
  console.info(thisForm.username.value); //输出表单name属性值为form1的 username的值
  console.info(thisForm.address.value);
  document.forms[0].submit(); //表单提交
})
</script>
<formaction="x"name="form1">
<inputtype="text"name="username"value="zhangsan"/>
<inputtype="text"name="address"value="beijing"/>
</form>
时间: 2024-08-25 18:21:14

document.forms用法示例介绍的相关文章

jQuery中$.fn的用法示例介绍

看完自己似乎理解了点东西,记录一下: $.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效,下面有个不错的示例,喜欢的朋友可以参考下 $.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效. 如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法了. 那么你可以这样子:$("#div").abc(); jQuery为开发插件提拱

JS中数组Array的用法示例介绍 (转)

new Array() new Array(len) new Array([item0,[item1,[item2,...]]] 使用数组对象的方法: var objArray=new Array(); objArray.concact([item1[,item2[,....]]]-------------------将参数列表连接到objArray的后面形成一个新的数组并返回,原有数组不受影响.如:var arr=["a","b","c"];

AspNetPager控件的最基本用法示例介绍

www.qdmm.com/BookReader/1651546,68389577.aspxwww.qdmm.com/BookReader/1651546,68389579.aspxwww.qdmm.com/BookReader/1651546,68389581.aspxwww.qdmm.com/BookReader/1651546,68389582.aspxwww.qdmm.com/BookReader/1651546,68389585.aspxwww.qdmm.com/BookReader/1

js的nextSibling属性用法简单介绍

js的nextSibling属性用法简单介绍:此属性可以返回当前节点的下一个同级节点.如果下一个同级节点不存在,则此属性返回值是null.语法结构: elementNode.nextSibling 代码实例: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softw

jQuery的一些一些小知识点的用法的介绍

last的用法的介绍: 其表示的意义是:获取最后个元素 示例 描述: 获取匹配的最后个元素. HTML 代码: <ul> <li>list item 1</li> <li>list item 2</li> <li>list item 3</li> <li>list item 4</li> <li>list item 5</li> </ul> jQuery 代码:

$.extend()和$.fn.extend()函数用法简单介绍

$.extend()和$.fn.extend()函数用法简单介绍:标题中的两个方法在jQuery插件开发中非常的重要,下面通过简单的代码实例介绍一下它们的用法.本章节不会介绍它的原理,而是只给出它们的作用是什么,能够做什么事情.jQuery.extend()可以为jQuery类添加新的方法,类似于c#或者java中的静态方法.jQuery.fn.extend()可以为jQuery的对象实例添加新的方法.代码实例: <!DOCTYPE html> <html> <head>

HTML5标签与HTML4标签的区别示例介绍_html5教程技巧

(1)概念的变化: HTML5专注内容与结构,而不专注的表现 <header> <hgroup>导航相关数据</hgroup> </header> <nav>菜单</nav> <article> <h1>标题:HTML5专题视频教程</h1> (2)声明与标签: HTML5在更多的声明和标签上面做了简化,也对兼容做了详细的规定,废除了部分元素,增加了部分元素. HTML5标签语法介绍及新增标记 1.

getAttribute()用法简单介绍

getAttribute()用法简单介绍:此方法返回指定属性名的属性值.语法结构: element.getAttribute(attributename) 参数解析:attributename:必需,要获得属性值的属性名称. 代码实例: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="h

nextSibling属性用法简单介绍

js的nextSibling属性用法简单介绍:此属性可以返回当前节点的下一个同级节点.如果下一个同级节点不存在,则此属性返回值是null.语法结构: elementNode.nextSibling 代码实例: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softw