TOPページ >  フォームを作成する > リセットボタンを作成する

リセットボタンを作成する

ホームページやブログなどのウェブサイトに、リセットボタンを作成します。入力欄などを初期の状態に戻すためのボタンです。

<input type="reset" value="表示文字">
  • 表示文字:ボタン上に表示させる文字を指定します。指定しない場合は、『 Reset 』などの文字が自動的に表示されます。

サンプルです。

リセットボタンのテスト

このソースは、次のようになります。

好きな色は、何ですか?<br>
<form>
<input type="text" value="テスト">
<input type="reset" value="リセットします">
</form>

テキストボックス内にあらかじめ 『テスト』と表示させてありますが、これを消去したり、別の文字に書き換えたりしても、『リセットします』のボタンを押すと もとに戻ります。

ランキングに参加中です! お役に立てたらクリックをお願いします→

同一カテゴリ内一覧
JavaScriptを使ってクッキングタイマーを作る
隠し項目を作成する
送信ボタンの代わりに画像を表示する
ファイル選択ボタンを作成する
パスワード入力欄を作成する
cgi スクリプトでフォームデータを制御する
JavaScriptでフォームデータを制御する
フォームを作成する
複数行入力可能なテキスト入力欄を作成する
ボタンを作成する
送信ボタンを作成する
リセットボタンを作成する
選択メニューを作成する
ラジオボタンを作成する
チェックボックスを作成する
テキスト入力欄を作成する
IEの方はこちらから当サイト ブックマークできます。
ランキング参加中!お役に立てたら クリックをお願いします。
当サイト掲載カテゴリは
Yahoo! JAPAN コンピュータとインターネット > データ形式 > HTML > リファレンス