JavaScriptでフォーム部品の表示・非表示をコントロールする

あらかじめ値が入っていたりしますが、値を消したり、不正な値を入れてテストしてみてください。
細かい解説はソースに書いてあります。


基本的なチェック


言語(必須項目です、その他のときは言語を記入してください)
日本語 英語 その他



※ これはただの入力チェックです。一般的なブラウザで動きます。


スタイルシートを使った表示・非表示1(Display)


言語(必須項目です、その他のときは言語を記入してください)
日本語 英語 その他



※ N4等の古いブラウザでは動きません。IE5 N6 以上。


スタイルシートを使った表示・非表示2(Visibility)


言語(必須項目です、その他のときは言語を記入してください)
日本語 英語 その他



※ N4等の古いブラウザでは動きません。IE5 N6 以上。


DOMを使った部品の生成・破棄


言語(必須項目です、その他のときは言語を記入してください)
日本語 英語 その他


※ N4等の古いブラウザでは動きません。最新のIE6 N7 必須。

※ 一部バグがありました。修正済み。(2004/6/18)


入力不可能状態にする


言語(必須項目です、その他のときは言語を記入してください)
日本語 英語 その他



※ N4等の古いブラウザでは動きません。IE5 N6 以上。


※ 入力モードを制御できる style="ime-mode: disabled;" 等は外してあります。

※ 部品が非表示や入力不可能状態になったときに、テキストをクリアしてもいいかもしれません。

動作確認

OS:Windows XP sp1
Internet Explorer 6
Netscape Navigator 7.1