HTML పప్పు పరిణామం అంశం

నిర్వచనం మరియు వినియోగం

popover అంశం పప్పు పరిణామంగా నిర్వచించబడుతుంది, ఇది అంటే అంశం కాల్ చేయబడితే, అది కంటెంట్ పైన పెట్టబడుతుంది మరియు ఇతర HTML అంశాల స్థానాన్ని అపహరించదు.

అంశం పప్పు పరిణామంపై కాల్ చేయుటకు ముందు పప్పు పరిణామం అనిది అద్దంగా ఉంటుంది. మరొక మెటాకు popovertarget అంశం ఉండాలి, దాని విలువ పప్పు పరిణామం యొక్క id ను సూచిస్తుంది:

పప్పు పరిణామం మరొక మెటాను కాల్ చేయుటకు ముందు మరియు ప్రకటించని ఉంటుంది. మరొక మెటాకు popovertarget అంశం ఉండాలి, దాని విలువ పప్పు పరిణామం యొక్క id ను సూచిస్తుంది:

హలో

పప్పు పరిణామం ఎక్కడైనా ఒక ఏకమైన HTML మెటా ఉండవచ్చు, లేదా క్రింది ఉదాహరణలో ఒక పూర్తి సెట్ మెటాలు ఉండవచ్చు.

మరింత చూడండి:

HTML పరిశీలన పత్రికHTML Input popovertarget అంశం

HTML పరిశీలన పత్రికHTML Input popovertargetaction అంశం

ఇన్స్టాన్స్

ఉదాహరణ 1

ఒక popover అంశం కలిగిన <h1> మెటా మరియు దానిని చూపించడానికి/మరచించడానికి బటన్ జోడించండి:

<h1 popover id="myheader">హలో</h1>
<button popovertarget="myheader">నాకు క్లిక్ చేయండి!</button>

亲自试一试

例子 2

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

Popover


弹出窗口是一个放置在所有其他元素之上的元素。

当您想要告知一些重要的事情时,可以使用它。

亲自试一试

语法

<element popover>

属性值

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

浏览器支持

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