document.forms用法示例介绍

 更新时间:2014年06月26日 09:46:25   投稿:whsnow  
forms 返回一个集合包含了了当前文档中的所有form元素,下面通过示例为大家介绍下document.forms用法,需要的朋友可以参考下

概述

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

语法

var collection = document.forms;

例子

获取表单信息

<script type="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>
<body> 
<!-- 以下为三个简单的form表单 --> 
<form action="x" name="form1" > 
<input type="text" name="username" value="zhangsan" /> 
<input type="text" name="address" value="beijing" /> 
</form> 

<form action="x" name="form2" > 
</form> 

<form action="x" name="form3" > 
</form> 
</body>

相关文章

  • JavaScript下一版本标准ES6的Set集合使用详解

    JavaScript下一版本标准ES6的Set集合使用详解

    ES6:全称ECMAScript 6.0,是JavaScript语言的国际标准,JavaScript是ECMAScript的实现。今天我们就来学习一下ES6的Set集合的使用
    2023-02-02
  • el-tree限制选中个数的实例

    el-tree限制选中个数的实例

    这篇文章主要介绍了el-tree限制选中个数,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2024-08-08
  • uniapp微信小程序与H5的弹窗滚动穿透解决方法

    uniapp微信小程序与H5的弹窗滚动穿透解决方法

    在uni-app中弹窗的用途很常见,比如商品规格选取、广告弹窗等,下面这篇文章主要给大家介绍了关于uniapp微信小程序与H5的弹窗滚动穿透解决方法,需要的朋友可以参考下
    2023-01-01
  • JavaScript中的this引用(推荐)

    JavaScript中的this引用(推荐)

    this是javascript的一个关键字,随着函数使用场合不同,this的值会发生变化。这篇文章主要介绍了JavaScript中的this引用的相关资料,非常不错,需要的朋友可以参考下
    2016-08-08
  • javascript之textarea打字机效果提示代码推荐

    javascript之textarea打字机效果提示代码推荐

    非常不错的提示输入内容,动态的提示,给人亲切感
    2008-09-09
  • 微信小程序实现简单跑马灯效果

    微信小程序实现简单跑马灯效果

    这篇文章主要为大家详细介绍了微信小程序实现简单跑马灯效果 ,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • 让IE8支持DOM 2(不用框架!)

    让IE8支持DOM 2(不用框架!)

    众所周知,IE8开放了对DOM原型的支持以及ECMA v5的两个新方法——Object.defineProperty和Object.getOwnPropertyDexcriptor(单词好长……),并且这两个新方法居然只能用于DOM。
    2009-12-12
  • JavaScript使用前缀树(trie树)实现文本高亮

    JavaScript使用前缀树(trie树)实现文本高亮

    这篇文章主要为大家详细介绍了JavaScript如何使用前缀树(trie树)实现文本高亮效果,文中的示例代码讲解详细,有需要的小伙伴可以参考下
    2024-04-04
  • discuz表情的JS提取方法分析

    discuz表情的JS提取方法分析

    这篇文章主要介绍了discuz表情的JS提取方法,简单分析了discuz中表情JS文件调用的原理与相关操作技巧,需要的朋友可以参考下
    2017-03-03
  • 探索Javascript中this的奥秘

    探索Javascript中this的奥秘

    本文介绍了JavaScript中的this关键字在各种情况下的含义,实例都很简单,这样更能有助于加深理解。虽然这只是js中一个很小的概念,但借此我们可以了解js中函数的执行环境,充分掌握this的相关知识有助于我们在编写面向对象的JavaScript程序时能够游刃有余。
    2016-12-12

最新评论