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

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

フォーム

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

投稿日:

★.value エレメントの文字列を参照/設定
★.defaultValue テキストエリアの初期文字列を参照
★.options[参照番号].text 選択メニューの項目を参照/設定
★・・・Elementオブジェクト(エレメント名またはelements[参照番号])
入力欄に初期状態で入力されている文字列やボタンに表示する文字列などを参照/設定するプロパティです。

スポンサーリンク

valueプロパティ

入力欄に入力されている文字列やボタンに表示する文字列などの各エレメントの値を参照/設定します。
// エレメント名 mail の値が「””」(空)の場合、「メールアドレスを入力してください」とダイアログに表示します。
if (document.enqForm1.mail.value == “”) alert(“メールアドレスを入力してください”)

スポンサーリンク

defaultValueプロパティ

textarea要素(<textarea>タグ)のテキストエリアに初期状態で入力されている文字列を参照します。
// エレメント名 comment に初期状態で入力されている文字列をダイアログに表示します。
alert(document.enqForm1.comment.defaultValue);

textプロパティ

セレクトメニューのoption要素(<option>タグ)で設定されている値を参照または設定します。
// セレクトメニュー名 enqMenu の1番目の選択項目の値を quality に設定します。
document.enqForm1.enqMenu.options[0].text = “quality”;

スポンサーリンク

-フォーム
-

執筆者:


comment

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

関連記事

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

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

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

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

JavaScriptでエンコード方式を設定しよう!

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

JavaScriptで選択の初期状態を調べよう!

♦.defaultChecked 初期チェック状態を参照 ♦.options[参照番号].defaultSelected 初期選択状態を参照 ♦・・・Elem …

JavaScriptでフォームの内容をリセットしよう!

★.reset() フォームの内容をリセット ★・・・Formオブジェクト(フォーム名またはforms[参照番号]) フォームの内容をリセットするメソッドです。 // フォーム名 form1 の内容を …