Atributo HTML popover

Definición y uso

popover El atributo define el elemento como emergente, lo que significa que cuando se llama al elemento, se colocará en la parte superior del contenido sin interferir con la posición de otros elementos HTML.

El elemento emergente será invisible hasta que sea llamado por otro elemento. Otro elemento debe tener un atributo popovertarget con un valor que referencie el id del elemento emergente.

El elemento emergente se colocará en la parte superior de todo el contenido, y se puede alternar entre mostrar y ocultar al hacer clic en el elemento popovertarget:

¡Hola!

El elemento emergente puede ser un solo elemento HTML como en el ejemplo anterior, o un conjunto completo de elementos HTML como en el siguiente ejemplo.

Vea también:

Manual de referencia HTML:Atributo HTML Input popovertarget

Manual de referencia HTML:Atributo HTML Input popovertargetaction

Ejemplo

Ejemplo 1

Agregar un elemento <h1> con la propiedad popover y un botón para mostrar/ocultarlo:

<h1 popover id="myheader">¡Hola!</h1>
<button popovertarget="myheader">¡Haz clic aquí!</button>

Intente hacerlo usted mismo

Ejemplo 2

Usar un elemento div como elemento emergente:

<div popover id="mydiv">
  <h2>Popover</h2>
  <hr>
  <p>La ventana emergente es un elemento que se coloca sobre todos los demás elementos.</p>
  <p> Puede usarlo cuando desee informar de algo importante.</p>
</div>

Intente hacerlo usted mismo

Sintaxis

<elemento popover>

Valor del atributo

popover El atributo es un atributo booleano. Si se ha configurado, especifica que el elemento es un elemento de ventana emergente.

Compatibilidad con navegadores

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
114 114 No se admite 17 100