HTML <dialog> Etiketi
HTML <dialog> etiketi, HTML belgesinde yeni bir açılır iletişim kutusu oluşturmak için kullanılır. HTML <dialog> etiketi bir iletişim kutusunu veya etkileşimli bir bileşeni temsil eder.
HTML <dialog> etiketi, kullanıcının kendisiyle etkileşime geçmesini saplamak için boolean niteliğini kullanır.
HTML <dialog> etiketi HTML5’te tanıtılan yeni bir etikettir.
Örnek:
<div> <dialog id="ornekdialog" style="width:60%;background-color:#abcecd;border:1px dotted black;"> <p><q>Başarıyı kutlamak güzeldir, ama başarısızlıklardan alınacak dersleri unutmamak daha önemlidir. </q> - <cite>Bill Gates</cite></p> <button id="hide">Pencereyi Kapat</button> </dialog> <button id="show">İçeriği Göster</button> </div> <!-- Göster/Gizle show dialog JavaScript --> <script type="text/JavaScript"> (function() { var dialog = document.getElementById('ornekdialog'); document.getElementById('show').onclick = function() { dialog.show(); }; document.getElementById('hide').onclick = function() { dialog.close(); }; })(); </script>
Ekran Çıktısı:
Tarayıcı Desteği:
Kimler Neler Demiş?