フォームの機能

フォームの部品の値を所得・変更する命令

命令	意味
val()	value属性の値を取得・変更する

フォームに関するイベントの処理

focus()	フォーカスを感知する
blur()	フォーカスが外れたことを感知する
change()	フォームのないよう変更を感知する
submit()	フォームの送信を感知する

フォーム部品を選択するセレクター

フォームの要素	フォームフィルター	CSSセレクター
input	:input	input
textarea	:input	textarea
select	:input	select
button	:input	button
1行テキスト入力フォーム	:text	input[type='text']
パスワード入力フォーム	:password	input[type='password']
ラジオボタン	:radio	input[type='radio']
チェックボックス	:checkbox	input[type='checkbox']
送信ボタン	:submit	input[type='submit'] input[type='image']
イメージボタン	:image	input[type='image']
リセットボタン	:reset	input[type='reset']
ボタン	:button	button
ファイル選択フォーム	:file	input[type='file']
チェックが入っている要素	:checked
選択されている要素	:selected

$(function(){
    $(":input").focus(function(){
        $(this).css("background","#DFEEFF");
    }).blur(function(){
        $(this).css("background","");
    });
});

<dl>
    <dt>お名前</dt>
    <dd><input type="text" name="name" /></dd>
    <dt>年齢</dt>
    <dd>
    <select name="age">
        <option>選択してください</option>
        <option> value="10">10代</option>
        <option> value="20">20代</option>
        <option> value="30">30代以上</option>
    </select>
    </dd>
</dl>