汎用的なボタンを作る(1)

[統計] HTMLからXHTMLへの移行を進めていますか?


<input type="button">

ブラウザ
Internet Explorer Netscape Firefox Opera
タイプ
置換インライン 空要素

inputタグtype="button" を指定すると、汎用的に使えるボタンを作成できます。


<input type="button" value="クリック">


value="" ボタンに表示される文字を指定します

value="" (ボタンに表示される文字を指定する)

value="" で指定した文字列が、ボタン上に表示されます。
この指定を行わないと、次のような小さなボタンになってしまいます。

この汎用タイプのボタンは、主にJavaScriptなどで使用します。
name="" を追加して、ボタン名を指定することもできます。

メモ

ボタンのサイズや背景色等は、スタイルシートでアレンジすることもできます。指定方法の詳細は「関連ページ」をご覧ください。


使用例

ボタンのクリックでアラートを表示する場合(JavaScript使用)

<p><input type="button" value="アラート" onclick="alert('これはテストです')"></p>

これをブラウザで見ると次のように表示されます



[特集] レンタルサーバー比較 & サーバー選びのチェックポイント