English 中文 العربية 日本語 Português

最終更新：2026-09-12

<button>BUTTON 要素

<button> 要素はクリック可能なボタンを作成します。<input type="button"> と違い、テキスト・アイコン・画像など任意のHTMLを含められます。既定の type は submit です。

カテゴリフォーム
コンテンツモデルフレージングコンテンツ（対話型コンテンツは不可）
許可される親要素フレージングコンテンツを受け入れる要素
閉じタグ必要 </button> タグ
ステータス標準

📝 構文

<button type="button">ボタンのテキスト</button>

⚙️ 属性

この要素はグローバル属性に加え、以下の属性をサポートします：

属性値説明
typeKeywordThe behavior type of the button.
  • submit — Submits the enclosing form (default).
  • button — Plain button, no default behavior.
  • reset — Resets the enclosing form.
nameTextButton name, submitted with the form.
valueTextThe value submitted with the button.
disabledBooleanDisables the button.
formForm IDAssociates the button with a form (can be outside it).
すべてのグローバル属性を見る → すべてのイベント属性を見る →

▶ サンプル

下のコードを編集して、playground でリアルタイム結果を確認：

▶ 試してみる

🌐 ブラウザサポート

ブラウザ ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<button> ✓ v1 ✓ v12 ✓ v1 ✓ v1 ✓ v1
すべての主要ブラウザでサポート
ヒント： フォーム外のボタンには type="button" を指定しましょう。指定しないとクリック時に予期せず送信されることがあります。
<form> <input> <label> <select>
<button> — forms チュートリアル

📚 関連チュートリアル

HTML Forms HTML Input Types Reference
HTML フォームチュートリアル
ボタンとフォームコントロールを学ぶ
Web-Tutorial.com

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。

100%