Properti Popover HTML

Definisi dan Penggunaan

popover Properti 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 properti popovertarget, 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 dijalankan untuk ditampilkan dan disembunyikan:

Hello

Elemen pop-up boleh menjadi satu elemen HTML seperti di contoh di atas, atau sebuah set keseluruhan elemen HTML seperti di contoh di bawah:

Lihat juga:

Panduan HTML:Properti HTML Input popovertarget

Panduan HTML:Properti HTML Input popovertargetaction

Contoh

Contoh 1

Tambah satu elemen <h1> dengan properti popover, serta tombol untuk menampilkan/menghapusnya:

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

亲自试一试

例子 2

将一个 div 元素用作弹出元素:

<div popover id="mydiv">
  <h2>Popover</h2>
  <hr>
  <p>弹出窗口是一个放置在所有其他元素之上的元素。</p>
  <p>当您想要告知一些重要的事情时,可以使用它。</p>
</div>

亲自试一试

语法

<element popover>

属性值

popover 属性是布尔属性。如果已设置它,它指定该元素是弹出窗口元素。

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
114 114 不支持 17 100