point リセットボタン

<input type="reset" value="ボタンに表示するテキスト">

type属性の値にresetを指定すれば、リセットボタンを作る事が出来ます。リセットボタンを押すと、記入する前の状態になります。つまり、フォームに入力した情報がすべて消えます。

リセットボタンも、送信ボタンと同じようにvalue属性を使えば、ボタンに表示させるテキストを指定できます。もし指定しない場合は、Internet Explorer、Forefox、GoogleChromeでは、「リセット」と表示されます。

サンプル - Microsoft Internet Explorer



HTML
<form>
<input type="reset">
<p>
<input type="text" name="test1"><br>>
<textarea name="test2" cols="20" rows="3">
</textarea><br>
<input type="reset" value="書き直す">
</p>
</form>
※何か書いてボタンを押してみてね。
 

スポンサード・リンク