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

通过“允许用户输入转到电子邮件”并不完全确定您的要求，但使用document.getElementById('signature').value将返回输入的值。然后，您可以在发布/获取中包含该内容。

Answer 3

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

示例：

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

我希望这有帮助！

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

3 个答案: