<input type="button">
<input> 要素の button 型は、プッシュボタンとして描画され、イベントハンドラー関数 (ふつうは click イベント) を割り当てることで、ウェブページのあらゆる場所でカスタム機能を制御するようにプログラムすることができます。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | 1 | 18 | 1 | |
基本構文
HTML
<input type="button" value="クリック"
onclick="alert('クリックされました')">
<!-- 推奨: <button type="button">クリック</button> -->ライブデモ
button type Input
clickpossiblebutton create.button element and. comparison. with input type=button
プレビュー全画面表示
実務での使いどころ
-
<input type="button"> の活用
<input> 要素の button 型は、プッシュボタンとして描画され、イベントハンドラー関数 (ふつうは click イベント) を割り当てることで、ウェブページのあらゆる場所でカスタム機能を制御するようにプログラムすることができます。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。