リセットボタンを作る

<input type=”reset” value=”” name=””>

フォームに書かれた内容をリセット(初期の状態に戻す。多くは空欄)するボタンを設置します。<form>タグ内に設置すると、このフォームタグ内に設置されている各パーツの内容すべてに適用され、書き込まれた内容が初期化されます。INPUTタグに「type=”reset”」という属性を追加すると、リセットボタンになります。

ボタンに表示するラベル(文字)は「value=””」という属性を追加することで、任意に指定できます。設定しない場合は、ブラウザに依存され、ブラウザによって表示が異なります。

さらに、フォームの内容を処理する外部のスクリプトによって「name=””」属性を求められることもあります。この場合は、「name=””」属性を追加して名前を記述します。

記述例

<form action=”#”>
<input type=”reset” value=”リセット” name=”名前”>
</form>


INPUTタグは単体では動作しません。必ずフォームタグの中に挿入してください。

関連情報

【厳選】合わせて読みたいおすすめ書籍

WEB制作支援サイトのHTMLタグボードだからオススメできる厳選書籍です。私が読んでいない本はオススメしません。

HTMLやCSS、Webデザインを体系的に学ぶなら

最新のHTML5を学ぶなら

参考情報

最新情報をチェックしよう!