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 相关文章推荐
IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点
Dec 27 Javascript
JQuery学习笔记 nt-child的使用
Jan 17 Javascript
解决Extjs4中form表单提交后无法进入success函数问题
Nov 26 Javascript
jQuery实现瀑布流布局
Dec 12 Javascript
在JavaScript的jQuery库中操作AJAX的方法讲解
Aug 15 Javascript
详解用webpack把我们的业务模块分开打包的方法
Jul 20 Javascript
详解解决使用axios发送json后台接收不到的问题
Jun 27 Javascript
Vue监听事件实现计数点击依次增加的方法
Sep 26 Javascript
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
Aug 08 jQuery
浅析Vue 中的 render 函数
Feb 28 Javascript
vue-cli4.x创建企业级项目的方法步骤
Jun 18 Javascript
JavaScript实现无限轮播效果
Nov 19 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与javascript的两种交互方式
2006/10/09 PHP
请离开include_once和require_once
2013/07/18 PHP
PHP对文件夹递归执行chmod命令的方法
2015/06/19 PHP
前端开发过程中浏览器版本的两种判定方法
2013/10/30 Javascript
jQuery控制TR显示隐藏的三种常用方法
2014/08/21 Javascript
jQuery实现可关闭固定于底(顶)部的工具条菜单效果
2015/11/06 Javascript
javascript实现input file上传图片预览效果
2015/12/31 Javascript
JavaScript Math 对象常用方法总结
2016/04/28 Javascript
jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果
2016/09/18 Javascript
AngularJS入门教程之Cookies读写操作示例
2016/11/02 Javascript
基于javascript实现的购物商城商品倒计时实例
2016/12/11 Javascript
JS与jQuery实现子窗口获取父窗口元素值的方法
2017/04/17 jQuery
解决angular2 获取到的数据无法实时更新的问题
2018/08/31 Javascript
javascript实现小型区块链功能
2019/04/03 Javascript
layui table动态表头 改变表格头部 重新加载表格的方法
2019/09/21 Javascript
Vue图片浏览组件v-viewer用法分析【支持旋转、缩放、翻转等操作】
2019/11/04 Javascript
JavaScript中变量提升和函数提升的详解
2020/08/07 Javascript
js实现星星海特效的示例
2020/09/28 Javascript
[05:20]卡尔工作室_DOTA2新手教学_DOTA2超强新手功能
2013/04/22 DOTA
[02:46]解说DC:感谢430陪伴我们的DOTA2国际邀请赛岁月
2016/06/29 DOTA
Python Selenium Cookie 绕过验证码实现登录示例代码
2018/04/10 Python
Vue的el-scrollbar实现自定义滚动
2018/05/29 Python
python实现简单的文字识别
2018/11/27 Python
python判断所输入的任意一个正整数是否为素数的两种方法
2019/06/27 Python
Flask框架学习笔记之路由和反向路由详解【图文与实例】
2019/08/12 Python
python实现两个一维列表合并成一个二维列表
2019/12/02 Python
pytorch实现线性拟合方式
2020/01/15 Python
Python中import导入不同目录的模块方法详解
2020/02/18 Python
购买瑞典当代设计的腕表和太阳眼镜:TRIWA
2016/10/30 全球购物
诗狄娜化妆品官方网站:Stila Cosmetics
2016/12/21 全球购物
Lulu & Georgia官方网站:购买地毯、家具、抱枕、壁纸、床上用品等
2018/03/19 全球购物
Java中有几种类型的流?JDK为每种类型的流提供了一些抽象类以供继承,请说出他们分别是哪些类
2012/02/06 面试题
公司管理建议书范文
2014/03/12 职场文书
2014幼儿园小班工作总结
2014/11/10 职场文书
MongoDB安装使用并实现Python操作数据库
2021/06/28 MongoDB
MySQL添加索引特点及优化问题
2022/07/23 MySQL