我的网站的电子邮件按钮有问题

Question

我想制作一个“电子邮件”按钮，并且我希望此按钮将用户输入的文本发送到我的电子邮件地址。

代码：

<form method="post" action="malto:trillyreign@gmail.com">
    <div class="fields">
        <div class="field half">
            <label for="name">Name</label>
            <input type="text" name="name" id="name" />
        </div>
        <div class="field half">
            <label for="email">Email</label>
            <input type="text" name="email" id="email" />
        </div>
        <div class="field">
            <label for="message">Message</label>
            <textarea name="message" id="message" rows="5"></textarea>
        </div>
    </div>
    <ul class="actions">
        <li>
            <a href="malto:trillyreign@gmail.com" class="button submit">Send Message</a>
        </li>
    </ul>
</form>

Answer 1

您需要将表单操作中的“malto”更改为“mailto”。此外，您需要一个提交按钮而不是 Mailto-Link 来发送您的表单。如果您使用 Mailto-Link，则字段的值不会附加到邮件中。

我还建议在您的表单上使用enctype="text/plain" 来发送纯文本。 您可以做的另一件事是添加?subject=Your Subject，以便您预先填写主题字段。

<form method="post" action="mailto:test@example.com?subject=Website Feedback" enctype="text/plain">
    <div class="fields">
        <div class="field half">
            <label for="name">Name</label>
            <input type="text" name="name" id="name" />
        </div>
        <div class="field half">
            <label for="email">Email</label>
            <input type="text" name="email" id="email" />
        </div>
        <div class="field">
            <label for="message">Message</label>
            <textarea name="message" id="message" rows="5"></textarea>
        </div>
    </div>
    <input type="submit" value="Send" />
</form>

示例：https://jsfiddle.net/av4mjd6z/