現役システムエンジニアの備忘録

技術スキルや用語などの記録を残していきます

フォーム

JavaScriptでフォームを参照しよう!

投稿日:

★.フォーム名 フォームを参照
forms[参照番号] フォームを参照
★.forms.length フォームの数を参照
♦.name フォームの名前を参照

★・・・Documentオブジェクト
♦・・・Formオブジェクト(フォーム名またはforms[参照番号])
スポンサーリンク

Formオブジェクト

    フォームを参照するには、名前(フォーム名)や参照番号を利用します。フォーム名は<form>タグのname属性あるいはid属性で指定されているフォームの名前です。たとえば、<form name=”enqForm”>と指定されているフォームを参照する場合は次のようになります。

document.enqForm
document.forms[“enqForm”]

    参照番号を利用する方法は、ドキュメント中のフォームを要素とする配列から、その参照番号に対応するフォームにアクセスします。指定する際はforms[参照番号]という形式になります。フォームの参照番号はドキュメントの中にフォームが記述されている順番で、0からの連番になります。たとえば、ドキュメント中の2番目のフォームを参照する場合は次のようになります。

スポンサーリンク
document.forms[1]

forms.lengthプロパティ

    ドキュメントの中にあるすべてのフォームの数を参照します。

// ドキュメントに含まれるフォームの総数をダイアログに表示します。
alert(“このドキュメントに含まれるフォームの数:” + document.forms.length);

nameプロパティ

    フォームの名前を参照します。

// 2番目のフォームの名前を変数 fName に代入します。
fName = document.forms[1].name;

    <form id=”enqForm”>と指定されているフォームをDOMで参照する場合は次のようになります。

document.getElementById(“enqForm”)
スポンサーリンク

-フォーム
-

執筆者:


comment

メールアドレスが公開されることはありません。

関連記事

JavaScriptで選択されているか調べてみよう!

★.checked チェック状態を参照/設定 ★.options[参照番号].selected 選択状態を参照 ★・・・Elementオブジェクト(エレメント名またはelements[参照番号]) チ …

JavaScriptでフォームの送信先を設定しよう!

★.action 送信先を参照/設定 スポンサーリンク ★・・・Formオブジェクト(フォーム名またはforms[参照番号])     form要素の各属性で指 …

JavaScriptでフォームの内容を送信しよう!

★.submit() フォームの内容を送信 スポンサーリンク ★・・・Formオブジェクト(フォーム名またはforms[参照番号]) フォームの内容を送信するメソッドです。submitメソッドを利用し …

JavaScriptでターゲット名を設定しよう!

★.target ターゲット名を参照/設定 スポンサーリンク ★・・・Formオブジェクト(フォーム名またはforms[参照番号])     form要素の各属 …

JavaScriptでフォームの部品に表示されるテキストを設定

★.value エレメントの文字列を参照/設定 ★.defaultValue テキストエリアの初期文字列を参照 ★.options[参照番号].text 選択メニューの項目を参照/設定 ★・・・Ele …