備忘録的プログラミングリファレンス

button タグエレメント

インラインエレメント

 button タグエレメントは、画像を使ったボタンやスタイルシートを摘要するといった汎用性を持ったボタンを表示する HTML タグエレメントです。

 button タグエレメントに画像を取り込むには src 属性を使用します。

 ボタンを表示するタグエレメントには <input type="button"> があります。 <input type="button"> のよるボタンには装飾性はありません。

<button>
<button type="button" name="example" >テスト</button>
表示例

 button タグエレメントは、<form> エレメントに包括されていると submit ボタンとして機能します。
 button タグエレメントをクリックすると送信されることがあるので、 <form> エレメントに包括されていないか注意してください。

 送信させないためには、<button type="button" > とします。

 画像が利用できる送信ボタンには <input type="image" > があります。 <input type="image" > は送信機能を無効にできません。

- ad -

属性

 グローバル属性も持ちます。以下に主な属性のみを示します。

AttributeValueExtra information
name*必須。タグエレメントを特定するための属性です。
idcssにも使えます。エレメントをユニークとします。
classcssに使います。同名のclassは同じスタイルが適応されます。
type
value

 target 属性も設定できます。target 属性に指定できる値は以下があります。

  • _blank... 別タブまたはウィンドウに表示
  • _self... リンク元に表示
  • _parent... ひとつ上の親フレームに表示
  • _top... フレームがあれば全て解除して表示
Window<iframe> の name 属性の値を指定することもできます。


 以下のBUTTON作成をクリックしてみてください。上記のボタンの innerHTMLの入力内容を <button> の innerHTML として作成します。

- ad -