:inputフィルター
input要素、textarea要素、select要素、button要素の
フォーム部品を一括して選択できるのが:inputフィルターです。
【jQuery】
<script type=”text/javascript”>
$(function(){
$(“:input”).focus(function(){
$(this).css(“background”,”#DFEEFF”);
}).blur(function(){
$(this).css(“background”,””);
});
});
</script>
【HTML】
<dl>
<dt>お名前<em>(必須)</em></dt>
<dd><input name=”name” type=”text” />
</dd>
<dt>年齢</dt>
<dd>
<select name=”age”>
<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=”comment” ></textarea>
</dd>
<input type=”reset” value=”リセット” />
<input type=”submit” value=”送信” />
<button>確認</button>
</dl>