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 相关文章推荐
Javascript 布尔型分析
Dec 22 Javascript
javascript利用初始化数据装配模版的实现代码
Nov 17 Javascript
JS图片切换的具体方法(带缩略图版)
Nov 12 Javascript
jquery数组封装使用方法分享(jquery数组遍历)
Mar 25 Javascript
jquery+css3打造一款ajax分页插件(自写)
Jun 18 Javascript
使用impress.js制作幻灯片
Sep 09 Javascript
JS变量及其作用域
Mar 29 Javascript
Parcel 打包示例(React HelloWorld)
Jan 16 Javascript
vue+webpack 打包文件 404 页面空白的解决方法
Feb 28 Javascript
CKeditor富文本编辑器使用技巧之添加自定义插件的方法
Jun 14 Javascript
详解React 条件渲染
Jul 08 Javascript
对vuex中store和$store的区别说明
Jul 24 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+mysql写的留言本
2006/10/09 PHP
php下实现伪 url 的超简单方法[转]
2007/09/24 PHP
PHP面向对象三大特点学习(充分理解抽象、封装、继承、多态)
2012/05/07 PHP
ECshop 迁移到 PHP7版本时遇到的兼容性问题
2016/02/15 PHP
Laravel 5.3 学习笔记之 配置
2016/08/28 PHP
一次因composer错误使用引发的问题与解决
2019/03/06 PHP
JavaScript 浏览器验证代码(来自discuz)
2010/07/17 Javascript
JavaScript中把数字转换为字符串的程序代码
2013/06/19 Javascript
js中关于一个分号的崩溃示例
2013/11/11 Javascript
js对文章内容进行分页示例代码
2014/03/05 Javascript
node.js中的http.response.setHeader方法使用说明
2014/12/14 Javascript
分享JS数组求和与求最大值的方法
2016/08/11 Javascript
jquery事件绑定解绑机制源码解析
2016/09/19 Javascript
JS触摸事件、手势事件详解
2017/05/04 Javascript
vue实现多个元素或多个组件之间动画效果
2018/09/25 Javascript
vue-cli脚手架搭建的项目去除eslint验证的方法
2018/09/29 Javascript
一份超级详细的Vue-cli3.0使用教程【推荐】
2018/11/15 Javascript
jQuery实现每日秒杀商品倒计时功能
2019/09/06 jQuery
webpack4 配置 ssr 环境遇到“document is not defined”
2019/10/24 Javascript
JavaScript中继承原理与用法实例入门
2020/05/09 Javascript
python生成日历实例解析
2014/08/21 Python
Python随手笔记之标准类型内建函数
2015/12/02 Python
深入理解Django的中间件middleware
2018/03/14 Python
Python实现的远程登录windows系统功能示例
2018/06/21 Python
python将txt文档每行内容循环插入数据库的方法
2018/12/28 Python
python pandas cumsum求累计次数的用法
2019/07/29 Python
Python对接六大主流数据库(只需三步)
2019/07/31 Python
pycharm-professional-2020.1下载与激活的教程
2020/09/21 Python
python安装第三方库如xlrd的方法
2020/10/31 Python
python 通过 pybind11 使用Eigen加速代码的步骤
2020/12/07 Python
使用CSS3的::selection改变选中文本颜色的方法
2015/09/29 HTML / CSS
Nike荷兰官方网站:Nike.com (NL)
2018/04/19 全球购物
Ootori在线按摩椅店:一家专业的按摩椅制造商
2019/04/10 全球购物
cf战队收人广告词
2014/03/14 职场文书
厉行勤俭节约倡议书
2014/05/16 职场文书
机关单位工作失职检讨书
2014/11/20 职场文书