<dialog>

HTML тег <dialog> створює діалогове вікно.

Тег<dialog> дозволяє легко створювати спливаючі або модальні вікна на веб-сторінці.

Для відображення і приховування діалогового вікна застосовуються методи show() і hide(). Крім того, діалогове вікно можна перетворити в модальне вікно, використовуючи замість методу show() метод showModal(). У цьому випадку інші елементи на сторінці блокуються - текст не можна виділити, а кнопки натиснути до тих пір, доки діалогове вікно не буде закрито. Модальне вікно можна закрити клавішею Esc.

Діалогове вікно зазвичай відображається з білим фоном, чорною рамкою і по центру екрану, а його ширина збігається з шириною батьківського контейнера.

Синтакс

<dialog open>
...
</dialog>

Приклади