在 jquery 中创建一个表单（大部分）[可联系]？ [关闭]

Question

我只是需要一些帮助来帮助解释这个 JQ 插件中的 HTML。

插件和演示在这里：plugin & Demo

它被称为“可联系”

人/人使用javascript制作了一个弹出表单，大部分html都在js中，一个

   < div > 

用于在 html 文件上调用表单。 从本质上讲，它允许将非侵入式表单放置在页面上。

谁能帮忙解释一下编码的html部分谢谢

Answer 1

你需要解释什么？ jQuery 将以下 HTML 插入到选择器匹配的元素中（来自您链接到的演示页面）：

<div id="contactable_inner" style="margin-left: 377px; "></div>
<form id="contactForm" method="" action="" style="margin-left: -10px; ">
    <div id="loading"></div>
    <div id="callback"></div>
    <div class="holder">
        <p>
            <label for="name">Name<span class="red"> * </span></label><br>
            <input id="name" class="contact" name="name">
        </p>
        <p>
            <label for="email">Email <span class="red"> * </span></label><br>
            <input id="email" class="contact" name="email">
        </p>
        <p>
            <label for="message">Message <span class="red"> * </span></label><br>
            <textarea id="message" name="message" class="message" rows="4" cols="30"></textarea>
        </p>
        <p>
            <input class="submit" type="submit" value="SEND">
        </p>
        <p class="disclaimer">
            Please feel free to get in touch, we value your feedback
        </p>
    </div>
</form>

它通过以下长行来实现。 this 将引用选择器匹配的任何元素（如果有多个，则将表单插入到每个元素中）：

$(this).html('<div id="contactable_inner"></div><form id="contactForm" method="" action=""><div id="loading"></div><div id="callback"></div><div class="holder"><p><label for="name">'+options.name+'<span class="red"> * </span></label><br /><input id="name" class="contact" name="name"/></p><p><label for="email">'+options.email+' <span class="red"> * </span></label><br /><input id="email" class="contact" name="email" /></p><p><label for="message">'+options.message+' <span class="red"> * </span></label><br /><textarea id="message" name="message" class="message" rows="4" cols="30" ></textarea></p><p><input class="submit" type="submit" value="'+options.submit+'"/></p><p class="disclaimer">'+options.disclaimer+'</p></div></form>');