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>

相关文章

  • js弹性势能动画之抛物线运动实例详解

    js弹性势能动画之抛物线运动实例详解

    这篇文章主要为大家详细介绍了js弹性势能动画之抛物线运动的制作方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • 微信小程序全屏滚动字幕的实现方法详解

    微信小程序全屏滚动字幕的实现方法详解

    这篇文章主要介绍了微信小程序全屏滚动字幕的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-08-08
  • 如何用JS追踪用户

    如何用JS追踪用户

    本文介绍如何编写JavaScript脚本,将用户数据发回服务器。对此感兴趣的同学,可以参考下
    2021-05-05
  • 一个判断抢购时间是否到达的简单的js函数

    一个判断抢购时间是否到达的简单的js函数

    这篇文章主要介绍了一个简单的判断抢购时间是否到达的js函数,原理很简单,找到时钟的id,计算数值,到达抢购时间时执行任务,需要的朋友可以参考下
    2014-06-06
  • 鼠标悬浮在树组件节点上展示当前节点名称的三种实现方式

    鼠标悬浮在树组件节点上展示当前节点名称的三种实现方式

    这篇文章主要介绍了鼠标悬浮在树组件节点上展示当前节点名称的三种实现方式,第一种是使用css样式设置,第二种在checkBox绑定,第三种使用tooltip,本文通过实例代码给大家介绍的非常详细,需要的朋友参考下吧
    2023-12-12
  • javascript学习随笔(使用window和frame)的技巧

    javascript学习随笔(使用window和frame)的技巧

    javascript学习随笔(使用window和frame)的技巧...
    2007-03-03
  • 详解Javascript动态操作CSS

    详解Javascript动态操作CSS

    本文我们会讨论如何通过 JavaScript 在运行时操作 CSS,从而动态地更新应用到我们的元素上的式样。本文所用的技术是我们已经看到过的,但在利用 CSS DOM 来进行操作的时候还需要注意几个特殊点。
    2014-12-12
  • Promise扫盲贴

    Promise扫盲贴

    这篇文章主要介绍了Promise扫盲贴,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-06-06
  • JS控件bootstrap suggest plugin使用方法详解

    JS控件bootstrap suggest plugin使用方法详解

    这篇文章主要介绍了JS控件bootstrap suggest plugin的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • 网页中可关闭的漂浮窗口实现可自行调节

    网页中可关闭的漂浮窗口实现可自行调节

    广告式的漂浮窗口,想必大家并不陌生吧,下面为大家简单介绍下具体的实现,有需要的朋友可以参考下
    2013-08-08

最新评论