如何通过单独的联系表单将 HTML 输入从页面发送给用户

Posted 2023-03-05

【中文标题】如何通过单独的联系表单将 HTML 输入从页面发送给用户

【英文标题】：How to email HTML inputs from page to user via a separate contact form

【发布时间】：2019-11-02 18:33:37

【问题描述】：

我有许多 html 输入，用户可以在 javascript 运行的计算器中控制这些输入（即他们输入他们的年龄、收入等，然后脚本会输出一个数字）

如何使用单独的联系表单从计算中动态检索输入和值并在用户提供电子邮件时发送给用户？我有通过联系表 7 工作的电子邮件表单。我只是不知道如何访问网页上的变量。

我必须创建 URL 变量吗？或者我可以通过他们的 ID 检索数据吗？

【问题讨论】：

你能提供更多细节吗？您的表格是否在同一页面上？你能把你的工作流程按部就班吗？

当然可以。为了澄清，我在页面上使用范围和数字类型输入。给出的输入用于计算最终数字。该号码使用 Javascript 呈现给他们。在同一页面的底部，我有一个联系表格，只要求他们提供电子邮件。这用于向他们发送电子邮件。在电子邮件中，我想使用自定义标签，使用它们的 ID 从页面元素中提取数据。

哦，那很容易。你用什么写计算器？

很好听！我是初学者，所以我不知道有什么可能。我使用 Javascript 计算和更改 innerHTML

【参考方案1】：

我已经想出了如何做我想做的事。

Javascript 更新的我的 HTML 元素已经有唯一的 ID。每个表单元素还需要一个唯一的 ID，以便我可以通过以下方式使用我的 Javascript 计算器功能进行编辑：

document.getElementById('inputFieldID').value = document.getElementById('pageElementID').textContent;

我还使用了 Contact Form 7 Dynamic Text Extension，以便我可以为我的所有表单变量添加 [dynamichidden] 标签。这样，我可以在我的电子邮件中包含许多从未出现在表单中的标签。