Properti Popover HTML
- 上一页 lang
- 下一页 spellcheck
- 返回上一层 Atribut Global 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 |
- 上一页 lang
- 下一页 spellcheck
- 返回上一层 Atribut Global HTML