HTML dialog open 属性

本文介绍HTML dialog open 属性是一个 boolean(布尔) 属性。使用该属性后，指定 dialog 元素是激活状态，并且用户可以与其交互，在线实例演示如何使用HTML dialog open 属性、浏览器的兼容性、语法定义及它的属性值详细资料等。

HTML <dialog> 标签

在线示例

使用 <dialog> 元素:

示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML <dialog> open 属性使用-菜鸟教程(cainiaojc.com)</title>
<style>table, th, td {  border: 1px solid black;}</style>
</head>
<body>
<table>
  <tr>
    <th>January <dialog open>这是一个打开的 dialog 窗口</dialog></th>
    <th>February</th>
    <th>March</th>
  </tr>
  <tr>
    <td>31</td>
    <td>28</td>
    <td>31</td>
  </tr>
</table>
</body>
</html>

测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

目前只有 Chrome, 和 Safari 6 支持 open 属性。

定义和用法

open 属性是一个 boolean(布尔) 属性。

使用该属性后，指定 dialog 元素是激活状态，并且用户可以与其交互。

HTML 4.01 与 HTML5之间的差异

<dialog> 标签是HTML5 新标签。

HTML 与 XHTML之间的差异

在 XHTML 中, 属性不允许简写，open属性必须定义为： <dialog open="open">。