/html/dialog:> Диалоговое окно_

Элемент `dialog`

Синтаксис

HTML

<dialog> ... </dialog>

Описание

Элемент dialog (от англ. "dialog" ‒ «диалог») создаёт часть приложения (диалоговое окно, окно), с которым непосредственно работает пользователь для выполнения определенной задачи/действия.

Примечание

Изначально данный элемент создавался для указания в тексте беседы, но впоследствии его роль была переопределена.

Условия использования

В данном элементе запрещено использование глобального атрибута «tabindex».

Поддержка браузерами

Chrome

~~Поддерж.~~

Firefox

~~Поддерж.~~

Opera

~~Поддерж.~~

Maxthon

~~Поддерж.~~

IExplorer

~~Поддерж.~~

Safari

~~Поддерж.~~

iOS

~~Поддерж.~~

Android

~~Поддерж.~~

Спецификация

Верс.	Раздел
HTML
2.0	~~---~~
3.2	~~---~~
4.01	~~---~~
5.0	~~---~~
5.1	4.11.7. The dialog element
XHTML
1.0	~~---~~
1.1	~~---~~

Атрибуты

open: Активирует диалоговое окно (выводит окно на экран).
Глобальные атрибуты: accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, title, translate, xml:lang

Пример использования

Листинг кода

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент dialog</title>
<link type="text/css" href="ex-style.css" rel="stylesheet">
</head>
<body>
<h1>Пример с элементом "dialog"</h1>
<dialog id="dialog">
<p>Привет, это диалоговое окно</p>
<div class="buttonBar"><button id="close">Привет</button></div>
</dialog>

</body>
</html>

Элемент dialog