/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