HOME > リファレンス > jQuery > jQuery API一覧 > Selectors > :reset

:reset

input typeがresetのものを取得する

サンプル

確認ボタンを押すとリセットボタンをハイライト

実行結果

問い合わせ内容

問合せ区分	商品について会員について広告について
問合せ内容	お問い合わせ内容をご記入ください

お客様情報

お名前
ユーザーID
パスワード
メールアドレス
性別	女性中性男性
生年月日	年月日
住所	郵便番号 - 住所
電話番号	--
添付ファイル
写真
ボタン

Javascript

$('form.full').submit(function(e){
$(':reset', $(e.target).parent()).css({
padding: '10px',
border: '1px solid #009999'
});
return false;
});

HTML

<form class="full">
<input type="hidden" name="data[action]" value="confilm" />
<input type="hidden" name="data[security]" value="0123456789" />
<h5>問い合わせ内容</h5>
<table class="cq-table-assam">
<tr>
<th>問合せ区分</th>
<td>
<label><input type="checkbox" name="data[category]" value="item" />商品について</label>
<label><input type="checkbox" name="data[category]" value="member" />会員について</label>
<label><input type="checkbox" name="data[category]" value="ad" />広告について</label>
</td>
</tr>
<tr>
<th>問合せ内容</th>
<td>
<textarea name="data[desc]" class="data-desc">お問い合わせ内容をご記入ください</textarea>
</td>
</tr>
</table>
<h5>お客様情報</h5>
<table class="table table-assam">
<tr>
<th>お名前</th>
<td><input type="text" name="data[name][first]" value="姓" /> <input type="text" name="data[name][last]" value="名" /></td>
</tr>
<tr>
<th>ユーザーID</th>
<td><input type="text" name="data[user][id]" value="" /></td>
</tr>
<tr>
<th>パスワード</th>
<td><input type="password" name="data[user][passwd]" value="" /></td>
</tr>
<tr>
<th>メールアドレス</th>
<td><input type="text" name="data[mail]" value="" /></td>
</tr>
<tr>
<th>性別</th>
<td><input type="radio" name="data[gender]" value="woman" />女性 <input type="radio" name="data[gender]" value="neutral" />中性 <input type="radio" name="data[gender]" value="man" />男性</td>
</tr>
<tr>
<th>生年月日</th>
<td>
<input type="text" name="data[time][year]" maxlength="4" size="4" />年
<input type="text" name="data[time][month]" maxlength="2" size="2" />月
<input type="text" name="data[time][day]" maxlength="2" size="2" />日
</td>
</tr>
<tr class="user-address">
<th>住所</th>
<td>
<label>郵便番号</label>
<input type="text" name="data[post][first]" value="" maxlength="3" size="3" />-<input type="text" name="data[post][last]" value="" maxlength="4" size="4" />
<label>住所</label>
<select name="data[address][area]">
<option selected value="">都道府県</option>
<option value="北海道">北海道</option>
<option value="青森県">青森県</option><option value="岩手県">岩手県</option><option value="秋田県">秋田県</option><option value="山形県">山形県</option><option value="宮城県">宮城県</option><option value="福島県">福島県</option>
<option value="群馬県">群馬県</option><option value="茨城県">茨城県</option><option value="栃木県">栃木県</option><option value="埼玉県">埼玉県</option><option value="千葉県">千葉県</option><option value="東京都">東京都</option><option value="神奈川県">神奈川県</option>
<option value="山梨県">山梨県</option><option value="長野県">長野県</option><option value="新潟県">新潟県</option><option value="富山県">富山県</option><option value="石川県">石川県</option><option value="福井県">福井県</option><option value="静岡県">静岡県</option><option value="愛知県">愛知県</option><option value="三重県">三重県</option><option value="岐阜県">岐阜県</option><option value="滋賀県">滋賀県</option><option value="京都府">京都府</option><option value="大阪府">大阪府</option><option value="兵庫県">兵庫県</option><option value="奈良県">奈良県</option><option value="和歌山県">和歌山県</option><option value="鳥取県">鳥取県</option><option value="島根県">島根県</option><option value="岡山県">岡山県</option><option value="広島県">広島県</option><option value="山口県">山口県</option><option value="徳島県">徳島県</option><option value="香川県">香川県</option><option value="愛媛県">愛媛県</option><option value="高知県">高知県</option><option value="福岡県">福岡県</option><option value="佐賀県">佐賀県</option><option value="長崎県">長崎県</option><option value="熊本県">熊本県</option><option value="大分県">大分県</option><option value="宮崎県">宮崎県</option><option value="鹿児島県">鹿児島県</option><option value="沖縄県">沖縄県</option>
</select>
<input type="text" name="data[address][section]" value="" />
</td>
</tr>
<tr>
<th>電話番号</th>
<td><input type="text" name="data[tel][front]" value="" maxlength="5" size="5" />-<input type="text" name="data[tel][middle]" value="" maxlength="5" size="5" />-<input type="text" name="data[tel][back]" value="" maxlength="5" size="5" /></td>
</tr>
<tr>
<th>添付ファイル</th>
<td><input type="file" /></td>
</tr>
<tr>
<th>写真</th>
<td><input type="image" /></td>
</tr>
<tr>
<th>ボタン</th>
<td>
<button type="submit">submit ボタン</button>
<button>execute</button>
</td>
</tr>
</table>
<div class="action">
<p><input type="reset" name="reset" value="入力内容クリア" /><input type="submit" name="submit" value="確認" /></p>
</div>
<div class="screen">
</div>
</form>