HTML: <input type="reset" > リセットボタンを作成する

リセットボタンを作成する場合は、input要素のtype属性に"reset"を指定します。

リセットボタンを押すと、フォームに入力したデータがリセットされ、初期状態に戻ります。

属性

value属性
リセットボタンに表示するテキストを設定します。デフォルト値はブラウザによって違います。

使用例

■ HTML

<form accept="sample.php" method="post">

<p>リセットボタンです</p>
<p><input type="reset" value="リセットする"></p>

<p>IEでvalue属性を指定しない場合</p>
<p><input type="reset"></p>

</form>

■ 表示結果

input要素 reset
HTML・CSS入門