html mailto - 从变量中插入邮件正文

时间:2016-03-08 15:36:11

标签: javascript html html-email mailto

我在我的网页上使用mailto:协议(html)。我有textarea字段,用户可以在其中写一些文本,现在我想将该文本包含在电子邮件正文中。

任何sugestions如何更改代码,该函数将按我的意愿工作?

我当前的代码(联系信息:

    <form id="contact-form" class="contact-form" action="contact.php" method="post">
            <p class="contact-name">
                <input id="contact_name" type="text" placeholder="Name" value="" name="name" />
            </p>
            <p class="contact-email">
                <input id="contact_email" type="text" placeholder="Email Addresse" value="" name="email" />
            </p>
            <p class="contact-message">
                <textarea id="contact_message" placeholder="Nachricht" name="message" rows="15" cols="40"></textarea>
            </p>
            <p class="contact-submit">

                <a class="submit" href="mailto:mail@adress.com?subject=Mail request&body=contact-message">Send mail</a>

            </p>

            <div id="response">

            </div>
     </form>

2 个答案:

答案 0 :(得分:1)

您可以使用javascript作为

function sendMail()
{
    var body = document.getElementById("contact_message").value;
    window.location.href = "mailto:mail@example.org?subject=Mail request&body="+body;
}

调用函数

<a class="submit" onclick="sendMail()">Send mail</a>

答案 1 :(得分:0)

function MyFunction(){
  var email = document.getElementById("input").value;
  window.location.href = "mailto:" + email + "?subject=Test email&body=Testing email";
}
<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <input type="text" id="input"/>
    <button onclick="MyFunction()">Click</button>
  </body>
</html>