Тег <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 |
| Поддерживается | Частичная поддержка | Не поддерживается |
Устаревшие атрибуты
Пример
<!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>Читайте также
Тег <td>
Используется для обозначения ячейки таблицы.
Тег <summary>
Создает заголовок для элемента <span class='samp'>details</span>.
Тег <body>
Хранит всё содержимое html документа.
Тег <rp>
Выводит текст в браузерах, которые не поддерживают <span class='samp'>ruby&l...
Тег <div>
Универсальный контейнер для содержимого сайта. Очень часто используется программистами.