Widely available すべての主要ブラウザで対応済み。安心して使用可能。

概要

<button> 要素はクリック可能なボタンを表します。フォーム内外で使用でき、type 属性でボタンの動作を制御します。

対応ブラウザ

デスクトップ

Chrome 1+
Edge 12+
Safari 1+
Firefox 1+

モバイル

Chrome Android 18+
Safari iOS 1+
Firefox Android 4+

基本構文

HTML
<button type="button">通常ボタン</button>
<button type="submit">送信</button>
<button type="reset">リセット</button>
<button disabled>無効なボタン</button>

実務での使いどころ

  • <button> の活用

    クリック可能なボタンを表す要素。フォーム送信やインタラクションに使用。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。