如何發送帶有用戶輸入地址的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

通過“允許用戶輸入到電子郵件中”不能完全確定您要問的是什么，但是使用document.getElementById('signature').value將返回輸入的值。 然后，您可以將其添加到您的帖子/獲取中。

Answer 3

您必須使用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>

我希望這有幫助！