HTML <input> popovertargetaction Attribute
Example
When the input button is clicked, the popover element will show:
<h1 popover id="myheader">Hello</h1>
<input type="button" popovertarget="myheader" popovertargetaction="show" value="Click me!">
Try it Yourself »
Definition and Usage
The popovertargetaction attribute allows you to
define what happens when you click the button.
You can choose between the values "show", "hide", and "toggle".
Hello
The popovertargetaction only works when type="button".
If the popovertargetaction attribute is not specified,
the default "toggle" value will be used.
Browser Support
| Attribute | |||||
|---|---|---|---|---|---|
| popovertargetaction | 114 | 114 | Not supported | 17 | 100 |
Syntax
<input type="button" popovertarget="element_id" popovertargetaction="hide|show|toggle">
Attribute Values
| Value | Description | |
|---|---|---|
| hide | The popover element is hidden when you click the button | Try it » |
| show | The popover element is showed when you click the button | Try it » |
| toggle | Default value. The popover element is toggled between hidding and showing when you click the button | Try it » |
Related Pages
HTML popover Attribute
HTML Input popovertarget Attribute
