HTML popovertarget Attribute
Definition and Usage
With the popovertarget attribute you can refer to the popover element with the
specified id, and toggle between showing and hiding it:
Hello
The popovertarget only works when type="button".
Applies to
The popovertarget attribute can be used on the following elements:
| Elements | Attribute |
|---|---|
| <input> | popovertarget |
| <button> | popovertarget |
Example
Example
Refer to a popover element with the popovertarget attribute to show/hide the specified popover element:
<h1 popover id="myheader">Hello</h1>
<input type="button" popovertarget="myheader" value="Click me!">
Try it Yourself »
Browser Support
| Attribute | |||||
|---|---|---|---|---|---|
| popovertarget | 114 | 114 | Not supported | 17 | 100 |
