Atrybut HTML popover

Definicja i użycie

popover Atrybut definiuje element jako element wyskakujący, co oznacza, że gdy element jest wywoływany, jest umieszczany na górze treści, nie zakłócając pozycji innych elementów HTML.

Elementy wyskakujące będą niewidoczne przed wywołaniem przez inny element. Inny element musi mieć atrybut popovertarget, którego wartość odnosi się do id elementu wyskakującego.

Elementy wyskakujące będą umieszczane na górze wszystkich innych treści, a przez kliknięcie elementu popovertarget elementy wyskakujące mogą być przełączane między wyświetlaniem i ukrywaniem:

Cześć

Elementy wyskakujące mogą być pojedynczym elementem HTML, jak w powyższym przykładzie, ale mogą również być kompletnym zestawem elementów HTML, jak w poniższym przykładzie.

Zobacz również:

Podręcznik HTML:Atrybut HTML Input popovertarget

Podręcznik HTML:Atrybut HTML Input popovertargetaction

Przykład

Przykład 1

Dodaj element <h1> z atrybutem popover oraz przycisk do jego wyświetlania/ukrywania:

<h1 popover id="myheader">Cześć</h1>
<button popovertarget="myheader">Kliknij mnie!</button>

Spróbuj sam

Przykład 2

Użyj elementu div jako elementu wyskakującego:

<div popover id="mydiv">
  <h2>Popover</h2>
  <hr>
  <p>Okno wyskakujące to element umieszczony nad wszystkimi innymi elementami.</p>
  <p>Możesz użyć go, aby poinformować o czymś ważnym.</p>
</div>

Spróbuj sam

Gramatyka

<element popover>

Wartość atrybutu

popover Atrybut jest atrybutem logicznym. Jeśli jest ustawiony, określa, że element jest elementem okna wyskakującego.

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
114 114 Nieobsługiwane 17 100