HTML <input> popovertargetaction 属性
示例
当点击 input 按钮时，popover 元素将显示
<h1 popover id="myheader">Hello</h1>
<input type="button" popovertarget="myheader" popovertargetaction="show" value="Click me!">
自己动手试一试 »
定义和用法
popovertargetaction 属性允许你定义点击按钮时会发生什么。
你可以选择 "show"、"hide" 和 "toggle" 这几个值。
Hello
popovertargetaction 属性仅在 type="button" 时有效。
如果未指定 popovertargetaction 属性，将使用默认的 "toggle" 值。
浏览器支持
| Attribute | |||||
|---|---|---|---|---|---|
| popovertargetaction | 114 | 114 | 不支持 | 17 | 100 |
语法
<input type="button" popovertarget="element_id" popovertargetaction="hide|show|toggle">
属性值
| 值 | 描述 | |
|---|---|---|
| hide | 点击按钮时，popover 元素将被隐藏 | 试一试 » |
| show | 点击按钮时，popover 元素将被显示 | 试一试 » |
| toggle | 默认值。点击按钮时，popover 元素将在隐藏和显示之间切换 | 试一试 » |
相关页面
HTML popover 属性
HTML Input popovertarget 属性
