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 屬性