入力した情報をすべて消去するボタンをつける

フォームに【クリア】ボタンを置くと、クリックするだけで一度入力した情報を最初の状態に戻すことができます。ここでは、フォームに【クリア】ボタンをつける方法について考えてみましょう。

■　フォームの定義

訪問者が情報を入力するテキスト領域と【送信】ボタン、【クリア】ボタンを配置するための定義を行います。

テキスト領域の定義
<TD>お名前</TD>
<TD><INPUT TYPE="text" SIZE="40" ID="customer" NAME="customer"></TD>

クリアボタンの定義
<INPUT TYPE="reset" VALUE="　クリア　">

<INPUT>タグで「TYPE="reset"」を指定すると、訪問者がフォームに入力した情報をキャンセルし、ページが読み込まれた時の状態に戻す【クリア】ボタンを作ることができます。例では、作成された【クリア】ボタンをクリックすることで、３つのテキスト入力領域すべて空白に戻すことができます。

<<<戻る