リセットボタンを作成する
ホームページやブログなどのウェブサイトに、リセットボタンを作成します。入力欄などを初期の状態に戻すためのボタンです。
<input type="reset" value="表示文字">
- 表示文字:ボタン上に表示させる文字を指定します。指定しない場合は、『 Reset 』などの文字が自動的に表示されます。
サンプルです。
リセットボタンのテスト
このソースは、次のようになります。
好きな色は、何ですか?<br>
<form>
<input type="text" value="テスト">
<input type="reset" value="リセットします">
</form>
<form>
<input type="text" value="テスト">
<input type="reset" value="リセットします">
</form>
テキストボックス内にあらかじめ 『テスト』と表示させてありますが、これを消去したり、別の文字に書き換えたりしても、『リセットします』のボタンを押すと もとに戻ります。
ランキングに参加中です! お役に立てたらクリックをお願いします→
コンピュータとインターネット > データ形式 > HTML > リファレンス