Proprietà HTML popover

Definizione e uso

popover L'attributo definisce l'elemento come un elemento pop-up, il che significa che quando viene chiamato, verrà posizionato sopra il contenuto, senza interferire con la posizione degli altri elementi HTML.

L'elemento pop-up sarà invisibile fino a quando non viene chiamato da un altro elemento. Un altro elemento deve avere un attributo popovertarget con un valore che si riferisce all'id dell'elemento pop-up.

L'elemento pop-up sarà posizionato sopra tutto il contenuto restante e può essere commutato tra visualizzato e nascosto cliccando sull'elemento popovertarget:

Ciao

L'elemento pop-up può essere un singolo elemento HTML come nell'esempio sopra, o un insieme completo di elementi HTML come nell'esempio seguente.

Vedi anche:

Manuale HTML:Proprietà HTML Input popovertarget

Manuale HTML:Proprietà HTML Input popovertargetaction

Esempio

Esempio 1

Aggiungi un elemento <h1> con l'attributo popover e un pulsante per visualizzarlo/nasconderlo:

<h1 popover id="myheader">Ciao</h1>
<button popovertarget="myheader">Clicca su di me!</button>

Prova direttamente

Esempio 2

Usa un elemento div come elemento a finestra弹出的:

<div popover id="mydiv">
  <h2>Popover</h2>
  <hr>
  <p>La finestra emergente è un elemento posizionato sopra tutti gli altri elementi.</p>
  <p>Quando desideri comunicare qualcosa di importante, puoi usarlo.</p>
</div>

Prova direttamente

Sintassi

<elemento popover>

Valore dell'attributo

popover L'attributo è un attributo booleano. Se è impostato, specifica che l'elemento è un elemento a finestra弹出的.

Supporto del browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
114 114 Non supportato 17 100