html - 使用标签向函数发送信息
问题描述
我对 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">×</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 ➞</p>
</a>
据我了解,它的意思是收集全名和电子邮件地址,然后默默收集IP和“孵化器”[类别]。除了“孵化器”标签之外的所有标签都可以正常工作,它永远不会超过任何东西。在链接中,之前的编码器使用 data-id="entrepreneur" [a category] 例如,这对我来说似乎不正确。
解决方案
推荐阅读
- proxy - 如何为 HTTPS 使用正向代理?
- python - 语法适用于 MySQL,但不适用于 MYSQL DB Connector (Python)
- flutter - Flutter DropdownButtonFormField setState 在 onChanged 方法之外不起作用
- regex - Perl中替换正则表达式的意外结果
- java - 使用 Spring Boot 使用 JSON 数据
- python - 如何构建一个 yaml 文件来运行我的 python 代码
- microservices - 微服务应该可重用吗?
- angular - RxJs / Angular:通过地图循环内的订阅获取其他数据
- c# - Kafka 非常高的延迟 C#
- ruby-on-rails - LoadError:无法自动加载常量(Rails + Sidekiq)