トップページ  > HTML5  > <input>  > type="button"

★HTML5タグリファレンス

<input type="button"> …… 汎用ボタンを作成する
Internet Explorer4Internet Explorer5Internet Explorer5-macInternet Explorer5.5Internet Explorer6Internet Explorer7Internet Explorer8Internet Explorer9 Firefox1Firefox2Firefox3Firefox4 Google Chrome1Google Chrome2Google Chrome3Google Chrome4Google Chrome5Google Chrome6 Safari3Safari4Safari5 Opera6Opera7Opera8Opera9Opera10

<input>タグのtype属性の値にbuttonを指定すると、特に機能を持たない汎用ボタンを作成します。

ボタンに表示させる[前のページへ戻る]などのテキストは、value属性で指定します。 また、name属性は送信ボタンに名前を付ける属性ですが、<form>でデータが送信される際、 name属性で指定した名前とvalue属性の値が一組になって送信されます。

汎用ボタンはJavaScriptなどと組み合わせて使用されることが多いようです。

■type="button"の場合に指定可能な属性

type="button"
汎用ボタンを作成する
name属性
ボタンに名前をつける
value属性
ボタンの値(ボタンに表示されるテキスト)を指定する

■使用例

HTMLソース

<p>
<input type="button" value="前のページへ戻る" onclick="history.back()">
</p>
↓↓↓

ブラウザ上の表示

▲ページ先頭へ
トップページ  > HTML5  > <input>  > type="button"
PR
MuuMuu Domain!
ドメイン取るならお名前.com
さくらのレンタルサーバ
ロリポップ!レンタルサーバー
HTMLクイックリファレンスについて
© HTMQ