Атрибут HTML popover

Определение и использование

popover Атрибут определяет элемент как элемент弹出， что означает, что при вызове элемент будет помещен в верхнюю часть содержимого, не干扰 других элементов HTML.

Элемент弹出在另一个元素调用之前将是不可见的。Другой элемент должен иметь атрибут popovertarget, значение которого ссылается на id элемента弹出.

Элемент弹出将在所有其他内容上方显示，при нажатии на элемент popovertarget элемент弹出可以在显示和隐藏之间切换:

Привет

Элемент弹出可以是单个HTML元素，如上面的例子所示，也可以是下面例子中的一组HTML元素。

См. также:

HTML справочник:Атрибут HTML Input popovertarget

HTML справочник:Атрибут HTML Input popovertargetaction

Пример

Пример 1

Добавьте элемент <h1> с атрибутом popover и кнопку для его отображения/скрытия:

<h1 popover id="myheader">Привет</h1>
<button popovertarget="myheader">Нажми меня!</button>

Попробуйте сами

Пример 2

Используйте div элемент в качестве элемента всплывающего окна:

<div popover id="mydiv">
  <h2>Popover</h2>
  <hr>
  <p>Всплывающее окно - это элемент, который расположен над всеми другими элементами.</p>
  <p>Используйте его, когда вы хотите сообщить что-то важное.</p>
</div>

Попробуйте сами

Синтаксис

<element popover>

Значение атрибута

popover Атрибут является булевым атрибутом. Если он установлен, он указывает, что элемент является элементом всплывающего окна.

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
114 114 Не поддерживается 17 100