備忘録的プログラミングリファレンス

HTMLLegendElement インターフェイス

 HTMLLegendElement インターフェイスは、 <fieldset> に付けるキャプションである <legend> エレメントを定義したインターフェイスです。
 <fieldset><form> の内容を分けるエレメントです。<legend><fieldset> によって分けた内容ごとに名称を付ける際に使用します。

<legend> エレメント
<form name="example_form" action="./" method="post" enctype="application/x-www-form-urlencoded">
 <fieldset><legend>example form</legend>
  <label>予定名<input name="plan" type="text" value="" placeholder="予定名"></input></label>
  <label>予定日input type="date" name="expl_date"></input></label><
  <input type="submit">
 </fieldset>
</form>
表示例
example form

 HTMLLegendElement インターフェイスは、 <legend> エレメントのプロパティメソッドイベントを定義しています。

HTMLLegendElement 継承図

 <fieldset> に対応したインターフェイスはHTMLFieldSetElement です。<form> に対応したインターフェイスは HTMLFormElement です。

ページ内 Index

プロパティ(Properties)

 HTMLLegendElement インターフェイスは 以下の独自のプロパティをもちます。

プロパティ概要分類
.form<legend> エレメントに関連する HTMLFormElement のハンドラー。なければ null。DOMString 型
.accessKeyアクセスキー、[Alt] + Key または [Control] + [Alt] + Key によるフォーカスの移動。DOMString 型

 以下は、HTMLElement インターフェイスのプロパティと継承したプロパティです。参考にしてください。

Nodeのプロパティ一覧 

タイプ名(ハンドラー名)概要分類

Elementのプロパティ一覧 

タイプ名(ハンドラー名)概要分類

HTMLElementのプロパティ一覧 

タイプ名(ハンドラー名)概要分類

メソッド(Methods)

 HTMLLegendElement インターフェイスは独自のメソッドをもちません。

 HTMLLegendElement インターフェイスが継承したHTMLElement インターフェイスのメソッドです。 NodeElement インターフェイスのメソッドを含みます。使えないものもあるので参考してください。

Nodeのメソッド一覧 

タイプ名(ハンドラー名)概要分類

Elementのメソッド一覧 

タイプ名(ハンドラー名)概要分類

HTMLElementのメソッド一覧 

タイプ名(ハンドラー名)概要分類

イベント(Event)

 HTMLLegendElement にイベントハンドラーを定義する方法には以下があります。

HTMLLegendElement.addEventListener( 'click', ()=>{...} )
HTMLLegendElement.onclick = function(){...}
<button onclick = "..." >

 イベントについてはEventを参照してください。 イベントの監視についてはEventTargetが担っています。

 以下は、HTMLLegendElement が継承しているイベント一覧です。使えないものもあるので参考にしてください。

GlobalEventHandlersのイベント一覧 

タイプ名(ハンドラー名)概要分類

DocumentAndElementEventHandlersのイベント一覧 

タイプ名(ハンドラー名)概要分類

HTMLElementのイベント一覧 

タイプ名(ハンドラー名)概要分類