“input”要素~“popovertoggletarget”属性

“popovertoggletarget”属性について

“popovertoggletarget”属性は“input”要素をクリックしたときに表示状態を切り替えるポップオーバー要素を指定します。要素がポップオーバー要素であるかはグローバル属性の“popover”属性によって指定されます。

ポップオーバー要素が非表示状態のときは“input”要素をクリックすると表示状態に、表示状態のときは非表示状態になります。

“popoverhidetarget”属性は“input”要素に指定された“type”属性の値が“submit”、“image”、“reset”、“button”のいずれかの場合のみ指定することができます。

代替方法

この属性はHTML Living standardで一時的に定義されていましたが、現在は廃止されているので使用するべきではありません。

表示状態を切り替えるポップオーバー要素は“popovertarget”属性、表示状態の切り替え方法は“popovertargetaction”属性で指定できます。

指定できる値

サンプルコード

<p>

<input type="button" value="開く・閉じる" popovertoggletarget="pop">

</p>

<div popover="manual" id="pop">

<p>東京ではウサギの飼育に高額の税金がかけられていたことがあります。巡査の初任給が6円だった時代にウサギ1羽につき毎月1円もの税金が課されていました。知っていましたか？</p>

</div>

東京ではウサギの飼育に高額の税金がかけられていたことがあります。巡査の初任給が6円だった時代にウサギ1羽につき毎月1円もの税金が課されていました。知っていましたか？