【HTML Living Standard】button属性値の使い方
button属性値の使い方について、初心者にもわかりやすく解説します。
作成日: 更新日:
基本的な使い方
buttonオブジェクトは、ウェブページ上でユーザーがクリックして何らかのアクションを実行するための対話型コントロールを表すオブジェクトです。主に、フォームのデータをサーバーに送信したり、ウェブページ上でJavaScriptと連携して特定の機能を発動させたりするために使用されます。
このbutton要素は、開始タグと終了タグの間にテキストだけでなく、画像や他のHTML要素を配置できるため、視覚的に豊かでカスタマイズ性の高いボタンを作成することが可能です。これは、<input type="button">要素ではできない表現の自由度を持っています。
buttonオブジェクトには、その振る舞いを定義するためのいくつかの重要な属性があります。例えば、type属性は、ボタンがフォームを送信する（submit）、フォームの内容をリセットする（reset）、あるいは単なるクリック可能なボタンとして機能する（button）かを指定します。name属性とvalue属性は、フォーム送信時にボタンの情報をサーバーに送る際に利用されます。また、disabled属性を使用すると、一時的にボタンを無効化し、ユーザーによる操作を禁止することができます。
クリックイベントはJavaScriptで容易に捕捉でき、ウェブアプリケーションのユーザーエクスペリエンスを向上させる多様なインタラクションを実現します。システムの操作性において中心的な役割を果たす、非常に重要なコンポーネントです。
公式リファレンス: <input type="button">
構文(syntax)
1<button>クリック</button>
引数(parameters)
引数なし
引数はありません
戻り値(return)
戻り値なし
戻り値はありません