HTML popovertarget Attribute - HTML 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:

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

Browser Support

How to Refer to a popover element with the popovertarget attribute to show/hide the specified popover element - HTML popovertarget Attribute

The input popovertarget Attribute. Click the button and it will toggle between showing and hiding the popover element.

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>

<h1>The input popovertarget Attribute</h1>

<h1 popover id="myheader">Hello</h1>

<input type="button" popovertarget="myheader" value="Click me!">

<p>Click the button and it will toggle between showing and hiding the popover element.</p>

</body>
</html>

Output should be:

html popovertarget attribute

Type:	Develop
Category:	Web Tutorial
Sub Category:	HTML Attribute
Uploaded by:	Admin

Read Article
https://develop.horje.com/learn/1434/reference