首页 > 解决方案 > 使用标签向函数发送信息

问题描述

我对 HTML5 很陌生,并且继承了别人的代码,结果证明它不起作用。

我有一个包含 8 个不同类别和“添加到电子邮件列表”按钮的网站,每个类别一个。我们使用 formspree 创建表单代码,然后连接到我们的营销系统。之前的编码器没有集成 8 种不同的形式,而是添加了一个 from 作为函数*,然后在 8 个按钮中的每一个上引用该函数。

编辑:*它实际上不是一个函数,下面是唯一涉及的代码。

要确定表单来自哪个类别,它意味着传递一个标签,但正是那个标签不起作用,我希望能得到帮助。

<!-- Waitlist modal -->
      <div class="modal fade" id="waitlist-modal" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title heavy-text" id="modal-label">Request Access</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body">
              <form id="contact-form" action="https://formspree.io/email@gmail.com" method="POST" >
              <div class="form-group">
                <label for="full-name">Full name</label>
                <input type="text" class="form-control" id="full-name" name="name" placeholder="Enter name">
              </div>
              <div class="form-group">
                <label for="email-address">Email address</label>
                <input type="email" class="form-control" id="email-address" name="email" placeholder="Enter email">
              </div>
              <div class="form-group">
                <input type="hidden" class="form-control" id="incubator" name="incubator">
              </div>
              <div class="form-group">
                <input type="hidden" class="form-control" id="ip-address" name="ip-address">
              </div>
            </form>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
              <button type="submit" id="submit-form" class="btn btn-primary">Submit</button>
            </div>
          </div>
        </div>
      </div>

The below code is for each of the 8 category's join buttons. 

<a href="#" data-toggle="modal" data-target="#waitlist-modal" data-id="entrepreneur" class="yellow-link">
<p class="yellow-text call-to-action" style="font-size: 0.7rem;">JOIN THE WAITLIST ➞&lt;/p>
</a>

据我了解,它的意思是收集全名和电子邮件地址,然后默默收集IP和“孵化器”[类别]。除了“孵化器”标签之外的所有标签都可以正常工作,它永远不会超过任何东西。在链接中,之前的编码器使用 data-id="entrepreneur" [a category] ​​例如,这对我来说似乎不正确。

标签: html

解决方案


推荐阅读