0

Тег <dialog>

Описание

Создает диалоговое окно, в которой может находиться, к примеру, текст.
Элементы form могут интегрироваться с окном с помощью атрибута method='dialog'.

Для элемента доступны универсальные атрибуты и события.

См. код языков.

См. MIME - типы.

Синтаксис

<dialog>...</dialog>
Internet Explorer Edge Chrome Opera Safari Firefox Android WebView Firefox для Android Opera для Android iOS Safari
79 37 24 15.4 98 37 98 24 15.4
Поддерживается Частичная поддержка Не поддерживается

Атрибуты

open - Без него, к окну применяется стиль display: none;, т.е. окно не показывается.

Устаревшие атрибуты

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<button id='open'>Открыть окно</button>
<dialog>
 <p>
Возьми стакан, и брось его об стену,
<br>
 Теперь проси прощения на взрыд
 <br>
Ну что, свершилось? Стал обратно целым?
<br>
Вот так людей ломает от обид.
</p>
<p>
<button id='close'>Закрыть окно</button>
</p>
</dialog>
 <script>
var dialog = document.querySelector('dialog');
 document.querySelector('#open').onclick = function() {
dialog.show();
}
document.querySelector('#close').onclick = function() {
dialog.close();
}
</script>
</body>
</html><dialog>...</dialog>

Возьми стакан, и брось его об стену,
Теперь проси прощения на взрыд
Ну что, свершилось? Стал обратно целым?
Вот так людей ломает от обид.

Читайте также