©
本文档使用PHP中文网手册发布
HTML元素表示一个对话框或其他交互式组件,例如一个检查员或窗口。
内容类别 |
流量内容,切片根 |
---|---|
允许的内容 |
流量内容 |
标记遗漏 |
没有,起始和结束标签都是强制性的。 |
允许父母 |
任何接受流内容的元素 |
允许ARIA角色 |
alertdialog |
DOM界面 |
HTMLDialogElement |
这个元素包含全局属性。该tabindex
属性不能在元素上使用。
open
表示该对话框处于活动状态并可用于交互。当open属性没有设置时,不应该向用户显示。
通过用属性指定元素,可以将元素集成到对话框中
method="dialog"
。当提交这样的表单时,对话框被关闭,其returnValue
属性被设置为所value
使用的提交按钮。
::backdrop
CSS伪元素使用在元素之后,例如, 在模式对话框处于活动状态时使无法访问的内容变暗。
简单的例子
当单击“更新详细信息”按钮时,此示例打开一个包含一个表单的弹出对话框。
(function() { var updateButton = document.getElementById('updateDetails'); var cancelButton = document.getElementById('cancel'); var favDialog = document.getElementById('favDialog'); // Update button opens a modal dialog updateButton.addEventListener('click', function() { favDialog.showModal(); }); // Form cancel button closes the dialog box cancelButton.addEventListener('click', function() { favDialog.close(); });})();
规范 |
状态 |
评论 |
---|---|---|
HTML Living Standard该规范中' |
生活水平 |
|
HTML 5.1该规范中' |
建议 |
初始定义 |
Feature |
Chrome |
Firefox (Gecko) |
Internet Explorer |
Opera |
Safari |
---|---|---|---|---|---|
Basic support |
37 |
No support1 |
No support |
24 |
No support |
Feature |
Android |
Firefox Mobile (Gecko) |
IE Mobile |
Opera Mobile |
Safari Mobile |
---|---|---|---|---|---|
Basic support |
37 |
No support |
No support |
No support |
No support |