点击button后 弹出form2

在许多Web应用程序和软件设计中，当用户点击按钮后，通常会触发一些交互行为，比如弹出一个新的窗口或者模态框显示表单（Form2）。这通常是通过JavaScript、HTML5和CSS3的结合来实现的。以下是简单的步骤：

1. **HTML**: 创建一个按钮元素，给它一个id，例如`openFormButton`：

   <button id="openFormButton">打开表单</button>

2. **JavaScript**: 当按钮被点击时，监听这个事件并执行相应的函数，展示Form2。你可以使用`window.open()`或者模态框插件如Bootstrap Modal：

   document.getElementById("openFormButton").addEventListener("click", function() {
     // 使用window.open()
     var formWindow = window.open("form2.html", "Form2", "width=600,height=400");

     // 或者使用Bootstrap Modal
     var modal = new bootstrap.Modal(document.getElementById('modal-form2'), {
       backdrop: 'static',
       keyboard: false,
     });
     modal.show();
   });

上面的例子假设Form2是一个单独的HTML文件（form2.html），如果是异步加载的数据则可以使用Ajax来填充模态框的内容。