SITEMAP [初めてのホームページ講座] [逆引きHTML] [14.フォーム] [11.リセットボタンを作る]

HTMLの参考書 スタイルシートの参考書

逆引きHTMLリファレンス

14. フォーム

14-11. リセットボタンを作る

●タグ <INPUT>
●構文 <INPUT TYPE="reset" VALUE="xxx"> 終了タグは存在しません(エンプティ要素)
xxx:ボタンに表示するテキスト(リセットなど)を指定
●説明
フォームの内容を全てリセットします。 リセットとは、フォームの内容を初期値に戻すことで、例えばテキストボックスでは、VALUE属性値に戻します。

フォームの入力項目はキャッシュに蓄えられており、ブラウザの戻るボタンなどで戻った場合、前の入力状態を保持しています。 再度入力を促したいのに、前のものが残っていたのではまずい場合もあります。 こういう場合は、リセットボタンを用意しておくと、訪問者にとっては便利になります。

●HTML4.0 INPUT要素
●サンプル 実際に表示
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4.0 Transitional//EN">
<HTML>
<HEAD>
	<META Http-Equiv="Content-Type" Content="text/html;charset=Shift_JIS">
	<TITLE>送信ボタンを作る</TITLE>
</HEAD>
<BODY>
	<FORM METHOD="POST" ACTION="mailto:dummy@dummy.ne.jp"
	ENCTYPE="multipart/form-data">
		E-mail:<INPUT TYPE="text" NAME="e-mail">
		<INPUT TYPE="submit" VALUE="送信">
		<INPUT TYPE="reset" VALUE="リセット">
	</FORM>
</BODY>
</HTML>
[Go To Top]

Copyright(C)1999 T.Miyazaki , All Rights Reserved.