Atribut Popover HTML

Definisi dan Penggunaan

popover Atribut menentukan elemen sebagai elemen pop-up, yang berarti saat elemen dipanggil, ia akan ditempatkan di atas konten, tanpa mengganggu posisi elemen HTML lain.

Elemen pop-up akan tak terlihat sebelum dipanggil oleh elemen lain. Elemen lain harus memiliki atribut popovertarget dengan nilai yang mengacu kepada id elemen pop-up.

Elemen pop-up akan ditempatkan di atas semua konten lain, dengan mengklik elemen popovertarget, elemen pop-up dapat diubah antara menampilkan dan menyembunyikan:

Hello

Elemen pop-up dapat berupa elemen HTML tunggal seperti di contoh di atas, atau seperti整套 HTML elemen di contoh di bawah:

Lihat Juga:

Panduan Referensi HTML:Atribut HTML Input popovertarget

Panduan Referensi HTML:Atribut HTML Input popovertargetaction

Contoh

Contoh 1

Tambahkan elemen <h1> dengan atribut popover serta tombol untuk menampilkan/menyembunyikan nya:

<h1 popover id="myheader">Hello</h1>
<button popovertarget="myheader">Klik Saya!</button>

Coba sendiri

Contoh 2

Gunakan elemen div sebagai elemen pop-up:

<div popover id="mydiv">
  <h2>Popover</h2>
  <hr>
  <p>Jendela pop-up adalah elemen yang ditempatkan di atas semua elemen lain.</p>
  <p>Anda dapat menggunakannya saat ingin memberitahu sesuatu penting.</p>
</div>

Coba sendiri

Sintaks

<element popover>

Nilai atribut

popover Atribut ini adalah atribut boolean. Jika diatur, ia menentukan bahwa elemen ini adalah elemen jendela pop-up.

Dukungan browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
114 114 Tidak didukung 17 100