不使用后端脚本的 HTML 提交表单答案

【问题标题】：HTML submission form without the use of back-end scripts不使用后端脚本的 HTML 提交表单
【发布时间】：2015-08-18 19:31:37
【问题描述】：

我正在制作一个 HTML 提交表单，我希望在不使用 PHP 脚本的情况下将表单通过电子邮件发送到我的电子邮件地址，因为 Github Pages 不支持它。

<form action="MAILTO:shirui.wang@hotmail.com" method = "post" enctype = "text/plain">
<p>Email Address:<input type = "text" placeholder = "Email Address:" size = "40" id="Email"></p>
<textarea rows="4" cols="50" id = "Textbox" placeholder="Enter your feeback here:"></textarea>
<p><input type="submit" value="Submit" id = "Submission"></p>
</form>

现在，当我按下提交时，它会打开我的电子邮件客户端，但我在文本框中输入的消息不会复制到电子邮件中。如何将 textarea 的内容复制到电子邮件的消息部分？

【问题讨论】：

标签： html forms textarea

【解决方案1】：

您必须使用 javascript 执行此操作：
你需要一个这样的：

     <form id="themagicform" >
<textarea id="yourtextarea"></textarea>
       <a id="ThemagicA" href='mailto:me@me.com?subject=Me&body=textofemail'>Mail me</a>
     </form>

然后在他们按下提交时使用 jquery 或 javascript 来更改 textofemail：

$("themagicform").on('submit', function(){
    var hrefStr = $('themagicA').attr('href');
     var text  = $('yourtextarea').text();
    hrefStr.replace('textofemail', text);
    $('themagicA').attr('href', hrefStr);
});

完成:)，希望它有效。

【讨论】：

【解决方案2】：

在 HTML 中，您可以在 <form> 元素的 [action] 属性中指定 mailto: 地址，[Action] 是打开电子邮件客户端的原因，method="GET" 填充表单。

<form action="mailto:youraddr@domain.tld" method="GET">
    <input name="subject" type="text" />
    <textarea name="body"></textarea>
    <input type="submit" value="Send" />
</form>

这将允许用户的电子邮件客户端创建电子邮件，GET 将预先填充 <form> 中的字段。

【讨论】：