inputタグに type="button" を指定すると、汎用的に使えるボタンを作成できます。
<input type="button" value="クリック">
| value="" | ボタンに表示される文字を指定します |
|---|
■value="" (ボタンに表示される文字を指定する)
value="" で指定した文字列が、ボタン上に表示されます。
この指定を行わないと、次のような小さなボタンになってしまいます。
この汎用タイプのボタンは、主にJavaScriptなどで使用します。
name="" を追加して、ボタン名を指定することもできます。
![]()
ボタンのサイズや背景色等は、スタイルシートでアレンジすることもできます。指定方法の詳細は「関連ページ」をご覧ください。
■ボタンのクリックでアラートを表示する場合(JavaScript使用)
<p><input type="button" value="アラート" onclick="alert('これはテストです')"></p>
▼これをブラウザで見ると次のように表示されます