サイト内検索
...HTML・XHTMLタグ...
フォーム
汎用タイプのボタン・B
- 別の汎用タイプのボタンは、button要素を指定して、
- 送信ボタン・リセットボタン・汎用ボタンなどを作ることができます。
- buttonタグに囲まれた内容が、ボタン上に表示されます。
- 内容にはタグも使用できるので、
文字を装飾したり画像を表示させることもできます。 - ボタンのサイズや背景画像等は、スタイルシートでもできます。
- 使い方
- <buttontype="button">ボタン</button>
- <buttontype="submit" name="sample" value="ボタン">ボタン</button>
type= | "submit" | 送信ボタン |
---|---|---|
"reset " | リセットボタン | |
"button" | 汎用ボタン | |
name= | "" |
「"sample"」のように
ボタンの名前を指定します。 半角英数字を指定します。 |
value= | "" |
「"送信されます"」のように
送信される内容を指定します。 |
サンプル
《ボタンに表示される文字のサイズを変更》
[bodyの中]
<form method="post" action="sample.cgi"><input type="text" name="sample">
<button type="submit"><b>送信する</b><button>
<button type="reset"><small>リセットする</small>button>
</form>
[ブラウザ上]
《ボタンに画像を表示(JavaScriptと組み合わせて指定)》
[bodyの中]
<button="button" onClick="alert('こんにちは')"><img src="../img/botan.gif" alt="ボタン" width="110" height="50">
サンプル
</button>
[ブラウザ上]