HTML में डायलॉग बॉक्स कैसे परिभाषित करें?

HTML में डायलॉग बॉक्स परिभाषित करने के लिए <dialog> टैग का उपयोग करें। निम्न एट्रिब्यूट्स हैं:

उदाहरण

<dialog> टैग के साथ काम करना सीखें:

<!Doctype html>
<html>
  <head>
    <title>HTML dialog Tag</title>
  </head>
  <body>
    <h3>Tutorialspoint</h3>
    <p>We provide tutorials, quizzes, learning videos, etc.</p>
    <dialog open>Tutorials are free for all</dialog>
  </body>
</html>

<dialog> एक मॉडल/नॉन-मॉडल डायलॉग बॉक्स बनाता है। JavaScript API: dialog.show() (नॉन-मॉडल), dialog.showModal() (मॉडल), dialog.close()। ::backdrop प्सीडो-एलिमेंट से मॉडल डायलॉग का बैकड्रॉप स्टाइल करें। open एट्रिब्यूट डायलॉग को डिफ़ॉल्ट रूप से खुला रखता है।