コース推薦：
HTML <input> popovertargetaction 属性
popovertargetaction 定義と使用方法
以下の属性を使用して、ボタンをクリックしたときに何が発生するかを定義できます。 "show"（表示）、"hide"（非表示）および "toggle"（切り替え）これらの値の間で選択されます。
popovertargetaction 属性は type="button" 有効です。
指定されていない場合 popovertargetaction 属性が指定されている場合、デフォルトの "toggle" 値。
参照してください：
HTML リファレンスマニュアル：HTML ポップアップ属性
HTML リファレンスマニュアル：HTML Input popovertarget 属性
例
ボタンをクリックしたとき、ポップアップ要素が表示されます：
<h1 popover id="myheader">こんにちは</h1> <input type="button" popovertarget="myheader" popovertargetaction="show" value="クリックしてください！">
構文
<input type="button" popovertarget="element_id"popovertargetaction="hide|show|toggle">
属性値
| 値 | 説明 | 例 |
|---|---|---|
| 非表示 | ボタンをクリックすると、弹出要素が非表示になります。 | |
| 表示 | ボタンをクリックすると、弹出要素が表示されます。 | |
| トグル | デフォルト値。ボタンをクリックすると、弹出要素が非表示と表示の間で切り替わります。 |
ブラウザのサポート
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 114 | 114 | サポートされません | 17 | 100 |
