Html 使用modal表单中的条目填充电子邮件

我有一个模式表单—查看模式表单的HTML代码段—这只是整个页面HTML的一小部分，允许用户向我提交新链接。这是一个本地HTML文件，我在一个共享驱动器上为我的团队维护，我们没有访问服务器来承载它，所以当提交一个新链接时，我只是进去用新链接更新HTML

我希望能够从模式正文的每个字段中获取值，填充电子邮件正文，每个字段都在其自己的行上，如下所示：

名称：[在名称字段中输入的值] URL:[在URL字段中输入的值] 描述：[在描述字段中输入的值] 类别：[从NewCat下拉字段中选择的值] 我还希望主题行填充新的链接提交或类似的东西

var emailTO=test@example.com var emailsub=新链接提交 var newName=document.getElementByIdnewName.value var newURL=document.getElementByIdnewURL.value var newDescrip=document.getelementbyidnewdescripp.value var newCat=document.getElementByIdnewCat.value var emailBody=newName%OA%OA newURL%OA%OA newdescripp%OA%OA newCat 功能电子邮件链接{ /* ?????? */ } &时代； 提交新链接

---

名称：首先，您的HTML代码中有一些错误。输入标记没有正确关闭，因此我设法更正了它们

你不需要一个表单标签来实现你的目标，你可以使用它，但是一个标签就足够了。所以，我没有将它改为标签，它具有href属性，接受“mailto”链接，该属性将由JavaScript填充所需的信息，我给了它一个id=contact链接，以通过JavaScript引用它

您曾经在type=button的输入中使用“内联事件处理程序”，该处理程序将被a标记替换，这是一种不好的做法。相反，最好使用内置的addEventListener方法将事件处理程序附加到所需的任何元素。关于addEventListener方法

下面是一个可运行的片段，说明了所说的全部内容

//选择包含mailto链接的“a”标记，以便在代码后面引用。 var contactLink=document.getElementById'contact-link'； //将单击事件侦听器添加到该“a”标记。 contactLink.addEventListener“单击”功能{ //获取获取输入和选择标记值所需的所有信息。 var newName=document.getElementByIdnewName.value， newURL=document.getElementByIdnewURL.value， newDescrip=document.getElementByIdnewDesrcip.value， newCat=document.getElementByIdnewCat.value， /*subject变量保存电子邮件的主题，根据您的要求更改其值*/ 主题='新链接已提交'， /*queryString变量保存电子邮件的主题和正文，以便在“a”标记的href属性中使用。“\n”字符用于生成新行，必须以有效的URL格式将其与其他特殊字符一起编码为空格，我们将使用内置的“encodeURI”方法执行该任务*/ queryString='？subject='+subject+'&body=Name:'+newName+'\nURL:'+newURL+'\n说明：'+newdescripp+'\n类别：'+newCat， /*emailAddr变量保存您希望将电子邮件发送到的电子邮件。请根据您的要求更改其值*/ emailAddr=test@exemple.com'; /*通过所需电子邮件地址前面的queryString变量值分配“a”标记的href属性，并使用内置的“encodeURI”方法以URL格式对所有结果字符串进行编码*/ this.href=window.encodeURI'mailto:'+emailAddr+queryString； //仅用于测试以查看结果href字符串。请在生产阶段删除此行。 console.logthis.href； }; &时代； 提交新链接 姓名：

网址：

说明：

类别： A. B C D

---

您应该使用带有href属性的a标记来包含所需的电子邮件。但是请记住，当你点击某个标签时，你不会自动发送电子邮件，你只会提示机器中的默认电子邮件软件/应用程序。。。然后您必须按send将该电子邮件发送到标记的mailto URL中提供的电子邮件。通过添加主题、消息等。。。当默认的消息传递应用程序出现时，您将在适当的位置获得这些信息。希望您了解使用mailto URL的意义。感谢您的回复-我可以在电子邮件上单击“发送”按钮-我更专注于如何使用输入模式表单名称、URL、说明和类别JavaScript中的四条信息填充电子邮件正文！你做过任何尝试吗？我是JS新手，但是我已经定义了我的变量，我更新了上面的代码片段-只是不确定去哪里

---

从那里有JS建立电子邮件。你知道怎么做吗？当然，我能做到。但是，把名字、URL、描述放在哪里还不太清楚。。。我想他们应该在邮件的正文中-我说的对吗？很抱歉，反馈延迟，我出人意料地离开了办公室。上述方法非常有效——我在这一过程中学到了一些东西——非常感谢！