document.forms用法示例介绍


Posted in Javascript onJune 26, 2014

概述

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 相关文章推荐
HTML5附件拖拽上传drop &amp; google.gears实现代码
Apr 28 Javascript
js里怎么取select标签里的值并修改
Dec 10 Javascript
点击隐藏页面左栏或右栏实现js代码
Apr 01 Javascript
jquery获得keycode的示例代码
Dec 30 Javascript
JavaScript中的console.dir()函数介绍
Dec 29 Javascript
JS实现固定在右下角可展开收缩DIV层的方法
Feb 13 Javascript
浅析JavaScript回调函数应用
May 22 Javascript
bootstrapValidator.min.js表单验证插件
Feb 09 Javascript
微信小程序实现的贪吃蛇游戏【附源码下载】
Jan 03 Javascript
解决angular2在双向数据绑定时[(ngModel)]无法使用的问题
Sep 13 Javascript
npm 语义版本控制详解
Sep 10 Javascript
VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析
Dec 02 Javascript
JS获取当前日期时间并定时刷新示例
Mar 04 #Javascript
使用ajaxfileupload.js实现ajax上传文件php版
Jun 26 #Javascript
一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
Jun 26 #Javascript
php读取sqlite数据库入门实例代码
Jun 25 #Javascript
javascript基于HTML5 canvas制作画箭头组件
Jun 25 #Javascript
node.js学习总结之调式代码的方法
Jun 25 #Javascript
javascript获取元素偏移量的方法有哪些
Jun 24 #Javascript
You might like
php实现MD5加密16位(不要默认的32位)
2013/08/12 PHP
PHP数字和字符串ID互转函数(类似优酷ID)
2014/06/30 PHP
Yii框架获取当前controlle和action对应id的方法
2014/12/03 PHP
php中smarty变量修饰用法实例分析
2015/06/11 PHP
浅谈PHP array_search 和 in_array 函数效率问题
2019/10/15 PHP
JavaScript高级程序设计
2006/12/29 Javascript
jQuery客户端分页实例代码
2013/11/18 Javascript
灵活的理解JavaScript中的this指向
2016/02/25 Javascript
SWFUpload多文件上传及文件个数限制的方法
2016/05/31 Javascript
分享javascript实现的冒泡排序代码并优化
2016/06/05 Javascript
妙用Bootstrap的 popover插件实现校验表单提示功能
2016/08/29 Javascript
AngularJS 获取ng-repeat动态生成的ng-model值实例详解
2016/11/29 Javascript
关于ES6箭头函数中的this问题
2018/02/27 Javascript
webpack项目调试以及独立打包配置文件的方法
2018/02/28 Javascript
浅谈微信页面入口文件被缓存解决方案
2018/09/29 Javascript
Vue.js的动态组件模板的实现
2018/11/26 Javascript
JavaScript 监听组合按键思路及代码实现
2020/07/28 Javascript
Vue实现简单的留言板
2020/10/23 Javascript
js加减乘除精确运算方法实例代码
2021/01/17 Javascript
nestjs中异常过滤器Exceptionfilter的具体使用
2021/02/07 Javascript
python 判断一个进程是否存在
2009/04/09 Python
python数据处理实战(必看篇)
2017/06/11 Python
Python实现MySQL操作的方法小结【安装,连接,增删改查等】
2017/07/12 Python
对python3新增的byte类型详解
2018/12/04 Python
python对列进行平移变换的方法(shift)
2019/01/10 Python
centos7之Python3.74安装教程
2019/08/15 Python
简单了解python shutil模块原理及使用方法
2020/04/28 Python
一个基于canvas的移动端图片编辑器的实现
2020/10/28 HTML / CSS
意大利巧克力店:Chocolate Shop
2019/07/24 全球购物
丝芙兰墨西哥官网:Sephora墨西哥
2020/05/30 全球购物
常用UNIX 命令(Linux的常用命令)
2015/12/26 面试题
大学生应聘导游自荐信
2014/06/02 职场文书
学生夜不归宿检讨书
2014/09/23 职场文书
幼儿园亲子活动通知
2015/04/24 职场文书
2019年学校消防安全责任书(2篇)
2019/10/09 职场文书
Python中递归以及递归遍历目录详解
2021/10/24 Python