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

Question

我正在设计一个应用程序，并且有一个电子邮件页面。用户输入他们的姓名、电子邮件地址和消息，然后单击“提交”。这可行，但我不知道如何让用户的输入出现在电子邮件中。这是目前为止的代码；

<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

Answer 1

试着写一个这样的函数：

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>

Answer 2

您必须使用 javascript 来获取输入值。使用onclick="javascript:window.location='putURLhere'"，您可以模仿链接。现在剩下的就是创建一个包含您的值的 URL，您可以使用 document.getElementById(id).value 获得它。使用+，您可以连接它们。

例子：

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

我希望这会有所帮助！

Answer 3

通过“允许用户输入进入电子邮件”不完全确定您在问什么，但使用 document.getElementById('signature').value 将返回输入的值。然后，您可以将其包含在您的帖子/获取中。