wordpress站点中的纯自定义html表单弹出窗口

我需要在我的主页（Wordpress网站）上弹出一个表单。这是我自己的表格，不是联系人7或其他什么

我想要一个弹出式插件或代码，可以在我的主页上做同样的事情。 我尝试了许多插件，但有些插件有自己的表单设计，这并没有给我添加表单的功能

---

我需要一个简单的HTML好看的弹出窗口。

您可以使用JQuery“dialog”打开带有表单的弹出窗口

只需将表单嵌入具有id的div中，并将其转换为对话框

HTML

<button type="button" id="but" >Open Popup</button>

<div id="dialogForm">
    <form id="myform" method="post">
        Name:
        <input type="text"/><br/>
        Phone:
        <input type="text"/><br/>
        <button type="submit"> Submit </button>
    </form>
</div>

加载主页时加载对话框的JavaScript 请注意，“自动打开”设置为true

$(window).load(function() {

    $("#dialogForm").dialog({
        modal: true,
        autoOpen: true,
        show: {effect: "blind", duration: 800}
    });
});

这是小提琴：

---

无需单击即可打开对话框：

有很多插件可用于弹出，但对于自定义表单，您必须自定义插件或使用自定义java脚本和html来实现弹出的目标。我们可以不单击打开它吗。我希望它直接加载到主页上。是的。只需调用$（“#dialogForm”）.dialog（“open”）；在加载页面时。当然，将div设置为对话框的代码（即第4行中的代码）也应包含在加载中检查第二小提琴的编辑，当我在同一页面中进行俯冲并编写脚本时，在加载页面时打开对话框而不单击任何按钮，而不是直接在页面上显示div表单（不在弹出窗口中）不需要调用任何函数。我想知道在我现有的主页中放置html代码和脚本代码的位置，这样我的表单将只显示为弹出窗口，而不会出现在我的主页中。我已经用代码更新了我的答案，以便在加载主页时自动加载对话框。确保您拥有JQuery库。

$(window).load(function() {

    $("#dialogForm").dialog({
        modal: true,
        autoOpen: true,
        show: {effect: "blind", duration: 800}
    });
});