对话框 ‹dialog›

Exisi 2020-06-08 14:05:05
Categories： Tags：

 

属性

说明

open

指示这个对话框是激活的和能互动的。当没有设置 open 属性时，对话框不应该显示给用户。推荐使用 .show() 或 .showModal() 方法来渲染对话框，而不是使用 open 属性。

示例

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>A dialog</title>

</head>

<body>

    <dialog open>

        <p>Greetings, one and all!</p>

        <form method="dialog">

          <button>OK</button>

        </form>

      </dialog>

</body>

</html>

 

浏览器运行结果：

注

 

 


 

来自 <https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog>  

计算或用户操作的结果 ‹output›
画布 ‹canvas›