サイト内検索
...HTML・XHTMLタグ...
フォーム
送信ボタンとリセットボタン
- 送信ボタンは、input要素にtype="submit"を指定します。
- 入力した内容を送信するボタンです
- 送信ボタンが複数ある場合
- 押されたボタンにより処理を振分ける場合などのような
- 複数の送信ボタンを使用する場合があります。
- このような場合には、それぞれの送信ボタンに name=""を追加し、
- ボタン名を指定します。
- リセットボタンは、type="reset"を指定します。
- 入力した内容をキャンセルして、初期状態に戻すためのボタンです。
- input要素の中に、type="reset"を指定します。
- [使い方]
- <input type="submit" value="送信する">
- <input type="reset" value="リセットする">
属性 | 属性値 | 説明 |
---|---|---|
type= | "submit" | 送信ボタンを作成します。 |
"reset" | リセットボタンを作成します。 | |
name= | "" |
部品名を指定します。
半角英数字を指定します。 |
value= | "" | 「"送信します"」のように
ボタンに表示される文字を指定します。 ・・・・・・ 「value=""」で指定した文字を ボタン上に表示します。 |
サンプル
《value=""を指定する場合》
[bodyの中]
<form method="post" action="sample.cgi"><div class="sample">
<input type="text" name="test">
<input type="submit" value="送信する">
<input type="reset" value="リセット">
</div>
</form>
[ブラウザ上]
《value=""を指定しない場合》
[bodyの中]
<form method="post" action="sample.cgi"><div class="yohaku">
<input type="text" name="test">
<input type="submit">
<input type="reset">
</div>
</form>
[ブラウザ上]