横浜、東京に拠点を置き、検証システム/金融・証券のシステム等の構築、開発を行い、
ホームページの作成ツール支援と多岐にわたるソリューションを提供します。
:textフィルターは、フォームの部品を選択するフィルター機能のセレクターです。
:text フィルター |
input要素のtype属性が『text』だけを選択できるフィルターです。 書式; $(":text").focus(function(){ フィルターの選択要素がフォーカスされた時に実行する処理 .blur(function(){ フィルターの選択要素がフォーカスが外れた時に実行する処理 }); |
---|
:textは type属性の値に(text)が設定されてるinput要素だけを選択するフィルター
動作; 1行入力(テキスト)にフォーカスされると、 『必須項目です』を追加して、
外れると表示された項目を削除する。
jQueryの書き方 |
/*------------------------------------ */ //51-09) 1行テキスト入力フォームのフィルター(:text) /*------------------------------------ */ $(":text").focus(function(){ $(this).after("<strong>必須項目です</strong>"); }) .blur(function(){ $("strong").remove(); }); |
---|---|
cssの書き方 |
-------------- |
HTMLの書き方 |
お名前1:<input type="text" name="お名前1" /><br/>
お名前2:<input type="text" name="お名前2" /><br/> お名前3:<input type="text" name="お名前3" /><br/> お名前4:<input type="text" name="お名前4" /><br/> |