横浜、東京に拠点を置き、検証システム/金融・証券のシステム等の構築、開発を行い、
ホームページの作成ツール支援と多岐にわたるソリューションを提供します。
:inputフィルターは、フォームの部品を選択するフィルター機能のセレクターです。
:input フィルター |
すべてのフォームの部品(input要素、textarea要素、selset要素、button要素) を一括して選択できるフィルターです。 書式; $(":input").focus(function(){ フィルターの選択要素がフォーカスされた時に実行する処理 .blur(function(){ フィルターの選択要素がフォーカスが外れた時に実行する処理 }); |
---|
:input は全てのフォームの部品(input要素、textarea要素、select要素、buton要素)
を一括して選択できるフィルター
動作; いずれかのフォームの部品がフォーカスされると、背景色を変更して表示する。
フォーカスから外れると初期値に戻す。
jQueryの書き方 |
/*------------------------------------ */ //51-08) ) 1. フォームの部品のフィルター(:input) /*------------------------------------ */ $(":input").focus(function(){ $(this).css("background","#DFEEFF"); }) .blur(function(){ $(this).css("background",""); }); |
---|---|
cssの書き方 |
------------------ |
HTMLの書き方 |
<dl> <dt>お名前<em>(必須)</em></dt> <dd><input type="text" name="お名前" /></dd> <dt>年齢</dt> <dd> <select name="年齢"> <option>選択してください</option> <option value="10代">10代</option> <option value="20代">20代</option> <option value="30代">30代</option> <option value="40代以上">40代以上</option> </select> </dd> <dt>コメント</dt> <dd> <textarea name="コメント"></textarea> </dd> </dl> |