input type='reset' によるユーザー入力のリセット(2012/4/29 記)

ブログの記事 ユーザー入力のリセット に書いたコードを実際に試すためのページです。

ユーザーが TextBox や CheckBox に入力した文字、チェックをクリアする場合、 <input type="reset" ... が使えます。ただし、一旦ポストバックすると TextBox には入力した文字列が、CheckBox にはチェックした結果が設定されるはずです。

その状態では <input type="reset" ... では TextBox も CheckBox もクリアできません。(元々 <input type="reset" ... は、元に戻すということらしく、完全にクリアするということではないようです)

完全にクリアするには jQuery を使うのが簡単です。それが以下のデモです。

トップへ    目次へ