ホームページ > 記事 > ウェブフロントエンド > Document.formsの使用例紹介_JavaScriptスキル
Document.formsの使用例紹介_JavaScriptスキル
- WBOYオリジナル
- 2016-05-16 16:43:071791ブラウズ
概要
forms は、現在のドキュメント内のすべてのフォーム要素を含むコレクション (HTMLCollection オブジェクト) を返します。
文法
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>
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。