document.forms用法示例介紹
更新時(shí)間：2014年06月26日 09:46:25 投稿：whsnow
forms 返回一個(gè)集合包含了了當(dāng)前文檔中的所有form元素，下面通過示例為大家介紹下document.forms用法,需要的朋友可以參考下
概述
forms 返回一個(gè)集合 (一個(gè)HTMLCollection對(duì)象),包含了了當(dāng)前文檔中的所有form元素.
語法
var collection = document.forms;
例子
獲取表單信息
<script type="text/javascript">
$(function(){
var thisForm = document.forms['form1']; //獲取name為form1的form表單
//或者
//var thisForm = document.forms[0]; //獲取第一個(gè)form表單
console.info(thisForm.username.value); //輸出表單name屬性值為form1的 username的值
console.info(thisForm.address.value);
document.forms[0].submit(); //表單提交
})
</script>
<body>
<!-- 以下為三個(gè)簡(jiǎn)單的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>
相關(guān)文章
js彈性勢(shì)能動(dòng)畫之拋物線運(yùn)動(dòng)實(shí)例詳解
這篇文章主要為大家詳細(xì)介紹了js彈性勢(shì)能動(dòng)畫之拋物線運(yùn)動(dòng)的制作方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
微信小程序全屏滾動(dòng)字幕的實(shí)現(xiàn)方法詳解
這篇文章主要介紹了微信小程序全屏滾動(dòng)字幕的實(shí)現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
本文介紹如何編寫JavaScript腳本，將用戶數(shù)據(jù)發(fā)回服務(wù)器。對(duì)此感興趣的同學(xué)，可以參考下2021-05-05
一個(gè)判斷搶購時(shí)間是否到達(dá)的簡(jiǎn)單的js函數(shù)
這篇文章主要介紹了一個(gè)簡(jiǎn)單的判斷搶購時(shí)間是否到達(dá)的js函數(shù)，原理很簡(jiǎn)單，找到時(shí)鐘的id，計(jì)算數(shù)值，到達(dá)搶購時(shí)間時(shí)執(zhí)行任務(wù)，需要的朋友可以參考下2014-06-06
鼠標(biāo)懸浮在樹組件節(jié)點(diǎn)上展示當(dāng)前節(jié)點(diǎn)名稱的三種實(shí)現(xiàn)方式
這篇文章主要介紹了鼠標(biāo)懸浮在樹組件節(jié)點(diǎn)上展示當(dāng)前節(jié)點(diǎn)名稱的三種實(shí)現(xiàn)方式,第一種是使用css樣式設(shè)置,第二種在checkBox綁定,第三種使用tooltip,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友參考下吧2023-12-12
javascript學(xué)習(xí)隨筆(使用window和frame)的技巧
javascript學(xué)習(xí)隨筆(使用window和frame)的技巧...2007-03-03
詳解Javascript動(dòng)態(tài)操作CSS
本文我們會(huì)討論如何通過 JavaScript 在運(yùn)行時(shí)操作 CSS，從而動(dòng)態(tài)地更新應(yīng)用到我們的元素上的式樣。本文所用的技術(shù)是我們已經(jīng)看到過的，但在利用 CSS DOM 來進(jìn)行操作的時(shí)候還需要注意幾個(gè)特殊點(diǎn)。2014-12-12
這篇文章主要介紹了Promise掃盲貼，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
JS控件bootstrap suggest plugin使用方法詳解
這篇文章主要介紹了JS控件bootstrap suggest plugin的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
網(wǎng)頁中可關(guān)閉的漂浮窗口實(shí)現(xiàn)可自行調(diào)節(jié)
廣告式的漂浮窗口，想必大家并不陌生吧，下面為大家簡(jiǎn)單介紹下具體的實(shí)現(xiàn)，有需要的朋友可以參考下2013-08-08