HTML 标签

HTML5 <dialog> 标签

主题:HTML5 标签参考上一页|下一页

说明

<dialog> 元素定义了一个对话框或网页上的其他交互组件,用户可以与之交互以执行任务,例如可关闭的警报。

下表总结了此标签的使用上下文和版本历史。

Placement:
Content: 块、内联和文本
开始/结束标签: 开始标签: required, 结束标签:required
版本: New in HTML5

语法

<dialog> 标签的基本语法如下:

HTML / XHTML: <dialog> ... </dialog>

下面的示例显示了 <dialog> 标签的作用。

<dialog open>
    <p>Are you sure you want to remove this item?</p>
    <button type="button">Yes</button>
    <button type="button">No</button>
</dialog>

标签特定属性

下表显示了特定于 <dialog> 标签的属性。

属性 说明
open open 指定对话框元素处于活动状态并且用户可以与其交互。

全局属性

与所有其他 HTML 标签一样, <dialog> 标签支持 HTML5 中的全局属性


事件属性

<dialog> 标签还支持 HTML5 中的事件属性


浏览器兼容性

所有主要的现代浏览器都支持 <dialog> 标签。

Browsers Icon

基本支持—

  • Firefox 22+
  • Google Chrome 37+
  • Edge 79+
  • Apple Safari ×
  • Opera 49+

进一步阅读

请参阅以下教程: HTML 表单.

相关标签: <form>, <input>, <button>.

Advertisements