Javascript 我如何发送带有用户输入地址的HTML电子邮件？

我有一个应用程序，我正在设计，有一个网页的电子邮件。用户输入姓名、电子邮件地址和消息，然后单击“提交”。这是可行的，但我不知道如何让用户的输入出现在电子邮件中。这是迄今为止的准则

<form id="contacts-form" action="mailto:megan.sime@idoxgroup.com">
    <ul class = "rounded">
        <li style = "color: #FFFFFF">Full Name:<input type="text" placeholder = "J. Doe" name = "signature" id = 'signature' /></li>
        <li style = "color: #FFFFFF">E-mail:<input type="text" placeholder = "www.example@examplemail.com" name = "address" id = 'address' /></li>
        <li style = "color: #FFFFFF">Message:<input type = "text" placeholder = "Message" name = "message" id = 'message' /></li>

        <a href="mailto:address?subject=subject&body=message" class="button">Submit</a>
    </ul>
</form>

全名：
电子邮件：
信息：

---

有人知道如何更改代码以允许用户输入到电子邮件中吗？提前感谢x

不完全确定“允许用户输入到电子邮件”中要求的内容，但使用

文档。getElementById（'signature'）。value

将返回输入的值。然后，您可以将其包含在post/get中。

通过“允许用户输入到电子邮件中”不完全确定您的要求，但使用

文档。getElementById（'signature'）。value

将返回输入的值。然后，您可以将其包含在post/get中。

尝试编写如下函数：

function sendEmail(){
    var addr = document.getElementById('address').value;
    var sig = document.getElementById('signature').value;
    var msg= document.getElementById('message').value;

    //concatenate to string to build URL
    var url = "mailto:" + .... + addr + ...;
    location.href = url; //(might want to use window.location or something else here)
}

然后将链接更改为：

<a href="javasctipt:void(0)" onclick="javascript:sendEmail()" class="button">Submit</a>

---

尝试编写如下函数：

function sendEmail(){
    var addr = document.getElementById('address').value;
    var sig = document.getElementById('signature').value;
    var msg= document.getElementById('message').value;

    //concatenate to string to build URL
    var url = "mailto:" + .... + addr + ...;
    location.href = url; //(might want to use window.location or something else here)
}

然后将链接更改为：

<a href="javasctipt:void(0)" onclick="javascript:sendEmail()" class="button">Submit</a>

---

您必须使用javascript获取输入值。使用

onclick=“javascript:window.location='putURLhere'”

可以模拟链接。现在剩下的就是创建一个包含您的值的URL，您可以通过

document.getElementById（id）.value

获得该URL。使用

+

可以连接它们

例如：

<a onclick="javascript:window.location='mailto:?subject=Message from '+document.getElementById('address').value+'&body='+document.getElementById('message').value">Submit</a>

提交

---

我希望这有帮助

您必须使用javascript来获取输入值。使用

onclick=“javascript:window.location='putURLhere'”

可以模拟链接。现在剩下的就是创建一个包含您的值的URL，您可以通过

document.getElementById（id）.value

获得该URL。使用

+

可以连接它们

例如：

<a onclick="javascript:window.location='mailto:?subject=Message from '+document.getElementById('address').value+'&body='+document.getElementById('message').value">Submit</a>

提交

---

---

我希望这有帮助

我的意思是，比如在“email”的输入标签中，他们输入的地址就是计算机发送邮件的地址。好的，使用roelandvanbeek的解决方案。使用“document.getElementById（'address'）.value”将返回该元素的输入。看看你对javascript有多熟悉？我想说一般-我还没有上过大学，但已经为实习研究了一段时间了好吧，你制作的这个表单是用来将邮件发送给指定收件人的吗？不打开默认的电子邮件客户端？我的意思是，例如在“电子邮件”的输入标签中，他们输入的地址就是计算机将邮件发送到的地址。好的，使用roelandvanbeek的解决方案。使用“document.getElementById（'address'）.value”将返回该元素的输入。看看你对javascript有多熟悉？我想说一般-我还没有上过大学，但已经为实习研究了一段时间了好吧，你制作的这个表单是用来将邮件发送给指定收件人的吗？没有打开默认的电子邮件客户端？好的，谢谢。在var url部分中，有一个示例说明了您将如何替换。。。具有“邮件收件人：“+”+地址；？”；？？var url将用于构建连接字符串mailto:address？subject=subject&body=message，并将地址/消息等替换为您的varsok谢谢。在var url部分中，有一个示例说明了您将如何替换。。。具有“邮件收件人：“+”+地址；？”；？？var url将用于构建连接字符串mailto:address？subject=subject&body=message，其中地址/消息等会被替换为VARStanks很多-添加“mailto:”+document.getElementById（'address'）+”是否正确？等输入代码？我想我现在明白了：）很好！您可以在

表单

标记中留下

操作

部分，该部分仅与

元素结合使用，通常链接到一个单独的PHP或ASP页面来处理结果。非常感谢-添加'mailto:'+document.getElementById（'address'）+'是否正确？等输入代码？我想我现在明白了：）很好！您可以从

表单

标记中保留

操作

部分，该部分仅与

元素结合使用，通常链接到将处理结果的单独PHP或ASP页面。