创建一个可以在许多网站上访问的HTML弹出式表单

本文关键字：访问 网站 HTML 表单 弹出式 许多 一个 创建 | 更新日期: 2023-09-27 18:17:25

我想有一个HTML表单，有两个输入文本框和一个提交按钮，可以在我有很多网站的地方。我只是想以javascript代码的形式引用这个表单，它需要一些自定义参数，这取决于表单的形状，大小或颜色应该改变。

我已经创建了一个表单，我准备好接受输入，我想把它作为插件或其他类型的javascript代码，当粘贴到其他网站应该拉出我已经创建的表单

创建一个可以在许多网站上访问的HTML弹出式表单

正如您所说，您必须创建一个插件。您可以将其写在一个单独的文件中，如insertMyForm.js。

插件可以使用指定的div元素来调用，该元素将是您的表单的父元素(例如)

(function($) {
    $.fn.insertMyForm = function(params) { 
        //check that parent ( $(this) ) is a div, or something else...
        //create your html element  
        var myFirstInput = $("<input>");//... 
        var myForm = $("<form>");//...
        //do some stuff with with your elements (css, handlers...)
        //append you form to the parent 
        $(this).append(myForm);//...
        //return something like the jQuery object of your form (return myForm;)
    };
})(jQuery);

现在，在您的页面的脚本部分，包括insertMyForm.js然后创建表单:

$("#myParentElement).insertMyForm(params);
相关文章：