dialog元素表单提交自动关闭演示页面

展示

代码

• HTML：

  <dialog>
      <p>除了在button元素上设置formmethod="dialog"，还可以在form元素上设置method="dialog"。</p>
      <form>
          <button class="button" formmethod="dialog">我知道了</button>
      </form>
  </dialog>

• CSS：

  dialog {
      z-index: 1;
      width: 360px;
      max-width: calc(100% - 2rem);
      border-radius: 8px;
      box-shadow: 0 4px 16px rgba(0, 0, 0, .1);
      border: 1px solid #0003;
      margin-top: 12px;
  }
  dialog form {
      text-align: right;
  }