Синтаксис
<dialog>...</dialog>
Описание
Тег <dialog> (от англ. dialog — диалог) создаёт диалоговое окно, в котором можно выводить сообщение или форму.
Внимание!
Для того, чтобы показать/скрыть содержимое необходим Javascript.
Для отображения и сокрытия диалогового окна применяются, методы show() и close(). Кроме того, диалог можно превратить в модальное окно, используя вместо show() метод showModal(). В этом случае остальные элементы на странице блокируются — текст нельзя выделить, а кнопки нажать до тех пор, пока диалоговое окно не будет закрыто. Также модальное окно можно закрыть клавишей "Esc".
Атрибуты, которые можно использовать в теге <dialog>, указаны ниже. Также тег поддерживает глобальные атрибуты и атрибуты события.
Атрибуты
| Атрибут | Значение | Описание |
| open | open |
Указывает, что диалоговое окно активно, и пользователь может с ним взаимодействовать |
Пример
HTML-код:
Отображение в браузере:
Параметры CSS по умолчанию
dialog {
display: none
}
Поддержка браузера
|
Элемент |
Chrome |
Opera |
Firefox |
Safari |
Microsoft Edge |
| <dialog> | Да | Да | Да | Да | Да |
Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!
Только свежие новости программирования и технологий каждый день.
Комментарии