浏览器原生弹窗

Mr.app

于 2024-06-27 23:53:08 发布

阅读量100

点赞数 2

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qq_39691676/article/details/140027598

版权

在这里插入图片描述

<style>
  #dom{
    border-color: #ccc;
    border-radius: 5px;
  }
  #dom::backdrop{
    background-color: #8008;
  }
</style>
<button onclick="dom.show()">弹窗</button>
<button onclick="dom.showModal()">模态框</button>
  <dialog id="dom">
  <div class="win">
  <p>This is a window</p>
  <p>
    <input type="text"/>
  </p>
    <p>
    <input type="text"/>
  </p>
  <button onclick="dom.close()">关闭</button>
</dialog>
</div>