HTML popover attribute

Paglalarawan at Paggamit

popover Ang attribute na ito ang nagtatag ng element bilang popup element, ibig sabihin kapag tinatawag ang element, ito ay ilalagay sa itaas ng nilalaman, at hindi magiging sagabal sa posisyon ng ibang HTML element.

Ang popup element ay magiging hindi makikita hanggang ito ay tinatawag ng ibang element. Ang ibang element ay dapat magkaroon ng attribute na popovertarget na may halaga na sumangguni sa id ng popup element:

Ang popup element ay magiging hindi makikita hanggang ito ay tinatawag ng ibang element. Ang ibang element ay dapat magkaroon ng attribute na popovertarget na may halaga na sumangguni sa id ng popup element:

Hello

Ang popup element ay maaaring maging isang single HTML element tulad ng sa pagkakakitaan sa itaas, o maaaring maging isang buong set ng HTML element tulad ng sa pagkakakitaan sa ibaba.

Para sa iba pang pagkakatuturo:

HTML Reference Manual:HTML Input popovertarget attribute

HTML Reference Manual:HTML Input popovertargetaction attribute

Mga halimbawa

Halimbawa 1

Magdagdag ng isang <h1> element na may attribute na popover, at isang button na magpapakita at mag-ihide nito:

<h1 popover id="myheader">Hello</h1>
<button popovertarget="myheader">Click ko!</button>

ทดลองด้วยตัวเอง

ตัวอย่าง 2

ใช้ div องค์ประกอบเป็นองค์ประกอบโปรแกรมปิด:

<div popover id="mydiv">
  <h2>Popover</h2>
  <hr>
  <p>โปรแกรมปิดบนโปรแกรมอื่นเป็นองค์ประกอบที่อยู่บนองค์ประกอบอื่นทั้งหมด</p>
  <p>เมื่อคุณต้องการบอกให้ทราบสิ่งสำคัญบางอย่าง คุณสามารถใช้มันได้</p>
</div>

ทดลองด้วยตัวเอง

การใช้งาน

<element popover>

ค่าที่ใช้

popover 属性เป็นการเลือกที่เป็นรูปแบบ boolean ถ้ามีการตั้งค่ามัน มันหมายความว่าองค์ประกอบนี้เป็นองค์ประกอบโปรแกรมปิดบนโปรแกรมอื่น

การสนับสนุนโปรแกรมนี้

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
114 114 ไม่สนับสนุน 17 100