button.popovertarget | Html

Descripción

El atributo popovertarget del elemento button es un atributo que nos permite identificar el elemento sobre el que queremos mostrar un popover. De esta manera podemos asociar un elemento HTML que tenga el atributo popover con el botón que lo va a mostrar.

Sintaxis

popovertarget = "id"

Elemento Padre

button

Ejemplo

En el siguiente ejemplo podemos ver cómo asociamos un botón con un elemento popover. Al pulsar sobre el botón se mostrará el contenido del popover.

<button popovertarget="mi-popover">Mostrar Popover</button>

<div id="mi-popover" popover>
  <p>Este es el contenido del popover</p>
</div>

Artículos

Mensajes emergentes con popover en HTML5
Popover con cierre explicito en HTML5

Manual HTML

Aprende más sobre HTML consultando online o descargando nuestro manual.

Test HTML

¿Te atreves a probar tus habilidades y conocimiento en HTML con nuestro test?

Vídeos HTML

Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.