フォーム<form>に入力してもらったものを、途中で初期値に戻す事ができるリセットボタンの作成方法です。

しかしリセットボタンと、送信や登録ボタンをあまり接近させて配置すると、間違ってリセットしてしまう場合があります。
リセットボタンは多くのフォームに配置されていますが、リセットする訪問者はあまり存在しないのが現状の様子です。

登録や送信を行わない訪問者は、他ページを移動しますし、途中で止める訪問者も同様に他ページに移動するのが大半です。
間違ってリセットしてしまい、再度入力する事はやめてしまい、他ページなどへ移動されてしまったりしますので、リセットボタンは少し離して設置するか、設置しないのも良いと思います。

ＨＴＭＬ　<input type="reset">

リセットボタンは、<form>〜</form>の間に記述する事で、<form>〜</fotm>の中の部品に入力した情報をリセット（初期値）に戻す事ができます。

実際の記述例

<input type="reset">

こうなります

ホームページ作成ＴＯＰ > フォームを設置する > リセットボタンを作る > このページのＴＯＰ　▲

ワンランクＵＰ講座
ホームページのスタイルをワンランクアップ！基本調整や特選方法、さらにはインターネットの話題までメールマガジンでお届けします。