HTML DOM Input Button オブジェクト詳解
記述: 本文では、HTML DOM の Input Button オブジェクトについて詳しく解説します。定義、プロパティ、メソッド、使用例などを網羅し、Web ページでボタンを作成および操作する方法を容易に習得できるようにします。
一、Input Button オブジェクトとは？
- Input Button オブジェクトは、HTML の
<input>要素のうち、type属性が "button" に設定されたものを表します。 - Web ページ上でクリック可能なボタンを作成するために使用され、フォームの送信や JavaScript コードのトリガーなどに利用されます。
二、Input Button オブジェクトのプロパティ
- Input 要素から継承された共通プロパティ:
value、disabled、name、formなどが含まれます。 - 特有のプロパティ:
value: ボタン上に表示されるテキストを定義します。
三、Input Button オブジェクトのメソッド
- Input 要素から継承された共通メソッド: 例えば、
click()、focus()、blur()などです。 - 特有のメソッドはありません。
四、Input Button オブジェクトの使用例
1. 基本的なボタンの作成
<input type="button" value="クリックしてください">
2. JavaScript イベントのバインド
<input type="button" value="クリックして実行" onclick="alert('ボタンがクリックされました！')">
3. ボタンの無効化
<input type="button" value="無効化されています" disabled>
五、まとめ
Input Button オブジェクトは、開発者にとってシンプルで使いやすいボタン作成方法を提供します。JavaScript コードと組み合わせることで、豊富なインタラクション機能を実現し、ユーザーエクスペリエンスを向上させることができます。