Атрибут open
Синтаксис
HTML
<dialog open="open"> ... </dialog>
Описание
Атрибут / параметр open (от англ. "open" ‒ «открыто») активирует диалоговое окно. (Активированное диалоговое окно выводится на экран пользователя.)
Поддержка браузерами
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 The open attribute... |
| XHTML | |
| 1.0 | |
| 1.1 | |
Значения
Данный атрибут является логическим атрибутом. Может указываться либо без значения, либо с пустым значением, либо со значением «open».
<dialog open> ... <dialog> <dialog open=""> ... <dialog> <dialog open="open"> ... <dialog>
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр open (Элемент dialog)</title>
<link type="text/css" href="../ex-style.css" rel="stylesheet">
</head>
<body>
<h1>Пример использования атрибута "open"</h1>
<dialog id="dialog" open="open">
<p>Привет, это диалоговое окно</p>
<div class="buttonBar"><button id="close" onclick="showDialog(false)">Привет</button></div>
</dialog>
<p>Текст документа...</p>
<button onclick="showDialog(true)">Открыть диалоговое окно</button>
<script type="text/javascript" src="showDialog.js"></script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр open (Элемент dialog)</title>
<link type="text/css" href="../ex-style.css" rel="stylesheet">
</head>
<body>
<h1>Пример использования атрибута "open"</h1>
<dialog id="dialog" open="open">
<p>Привет, это диалоговое окно</p>
<div class="buttonBar"><button id="close" onclick="showDialog(false)">Привет</button></div>
</dialog>
<p>Текст документа...</p>
<button onclick="showDialog(true)">Открыть диалоговое окно</button>
<script type="text/javascript" src="showDialog.js"></script>
</body>
</html>
Параметр open (Элемент dialog)