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 相关文章推荐
jquery 必填项判断表单是否为空的方法
Sep 14 Javascript
浅析ajax请求json数据并用js解析(示例分析)
Jul 13 Javascript
利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)
Nov 25 Javascript
使用纯javascript实现经典扫雷游戏
Apr 23 Javascript
JavaScript中的时间处理小结
Feb 24 Javascript
javascript中call apply 与 bind方法详解
Mar 10 Javascript
浅谈javascript的闭包
Jan 23 Javascript
javascript 产生随机数的几种方法总结
Sep 26 Javascript
微信小程序数字滚动插件使用详解
Feb 02 Javascript
js replace 全局替换的操作方法
Jun 12 Javascript
vue项目打包部署到服务器的方法示例
Aug 27 Javascript
JavaScript实现英语单词题库
Dec 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获取Google AJAX Search API 数据的代码
2010/03/12 PHP
深入PHP内存相关的功能特性详解
2013/06/08 PHP
php随机取mysql记录方法小结
2014/12/27 PHP
ThinkPHP中where()使用方法详解
2016/04/19 PHP
PHP入门教程之PHP操作MySQL的方法分析
2016/09/11 PHP
PHP crc32()函数讲解
2019/02/14 PHP
JavaScript中的Document文档对象
2008/01/16 Javascript
javascript学习笔记(十八) 获得页面中的元素代码
2012/06/20 Javascript
JS检测输入字符是否包含非法字符的示例代码
2014/02/11 Javascript
js判断子窗体是否关闭的方法
2015/08/11 Javascript
关于在Servelet中如何获取当前时间的操作方法
2016/06/28 Javascript
从零开始学习Node.js系列教程六:EventEmitter发送和接收事件的方法示例
2017/04/13 Javascript
详解vue-router和vue-cli以及组件之间的传值
2017/07/04 Javascript
浅谈Vue数据绑定的原理
2018/01/08 Javascript
JS运动特效之完美运动框架实例分析
2018/01/24 Javascript
解决vue中对象属性改变视图不更新的问题
2018/02/23 Javascript
详解封装基础的angular4的request请求方法
2018/06/05 Javascript
使用watch在微信小程序中实现全局状态共享
2019/06/03 Javascript
利用js-cookie实现前端设置缓存数据定时失效
2019/06/18 Javascript
微信小程序如何获取群聊的openGid以及名称详解
2019/07/17 Javascript
layui输入框中只允许输入整数的实现方法
2019/09/18 Javascript
python进阶教程之模块(module)介绍
2014/08/30 Python
python之yield表达式学习
2014/09/02 Python
python3实现163邮箱SMTP发送邮件
2018/05/22 Python
Python使用tkinter库实现文本显示用户输入功能示例
2018/05/30 Python
python使用tornado实现登录和登出
2018/07/28 Python
浅谈python下tiff图像的读取和保存方法
2018/12/04 Python
Python零基础入门学习之输入与输出
2019/04/03 Python
python获取txt文件词向量过程详解
2019/07/05 Python
Pycharm激活码激活两种快速方式(附最新激活码和插件)
2020/03/12 Python
html5使用html2canvas实现浏览器截图的示例
2017/08/31 HTML / CSS
材料工程专业毕业生求职信
2014/03/04 职场文书
广播体操比赛口号
2014/06/10 职场文书
2014学校领导四风对照检查材料思想汇报
2014/09/23 职场文书
家庭财产分割协议范文
2014/11/24 职场文书
感恩教师节主题班会
2015/08/12 职场文书