/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 |
Атрибуты
Пример использования
Листинг кода
<!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>
<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