Homepage Zero ガイド
logo

ゼロから始めよう!わかりやすい!ホームページ作成ガイド

初めての方へ|総合案内|お問い合わせ|当サイトについて

ホームページ初心者ガイド| HTML| CSS| ホームページお役立ち情報| ホームページレベルアップ情報| その他

ホームHTMLリファレンス(アルファベット検索)><button>タグ

HTMLタグ辞典
タグ一覧(ABC順) 目的別タグ一覧 スタイルシート一覧(ABC順) 目的別スタイルシート一覧

<button>…ボタンを作る

使用タグ

HTMLタグ

<button 属性="属性値">〜</button>

開始タグと
終了タグ

両方必須

内容となる
要素

ブロック要素、インライン要素、テキストですが、次の要素は除く(a 、 form button input lebel select textarea fieldset iframe isindex )

対応ブラウザ IE6 WinFireFox WinSafariFireFox MacIE5 macOpera

解説

<button>タグインライン要素でこれを使えば、ボタンを作成することができます。<input>タグでのボタン作成とは違い、画像を表示したり、ボタン上のテキストの見栄えを変えたりすることができます。

属性と働き

属性 働き 指定できる値
type="種類" ボタンの種類を指定できる submit(送信ボタン)
reset(リセットボタン)
button(通常ボタン)
指定しない場合は送信ボタンになります
name="送る名前" サーバーに送られる名前を指定できる 名前を指定
valuet="送る値" 送信ボタンを押したとき、サーバーに送られる項目値を指定できる

項目値(テキスト)

disabled="disabled" ボタンを操作できなくする disabled

使用例

記述例
<button type="button" name="sample" value="ok">
ここをクリック
</button>
↓
[ブラウザでの表示例]
ブラウザ

関連情報ページ

ページトップへ

ホームページ初心者ガイド| HTML| CSS| ホームページお役立ち情報| ホームページレベルアップ情報| その他

<TOP>

logo
ゼロから始めよう!わかりやすい!ホームページ作成ガイド

|初めての方へ|総合案内|お問い合わせ|当サイトについて|

copyright (C) TOMIY All Right Reserved
inserted by FC2 system