Html5 发送电子邮件表单答案

【问题标题】：Html5 send e mail formHtml5 发送电子邮件表单
【发布时间】：2016-02-08 13:41:41
【问题描述】：

我有一个网站，但我无法提供发送电子邮件表单模板。

<div class="col-md-6 contact-top-right">
    <div class="contact-textarea">
        <form>
            <input type="text" value="First Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'First Name';}"/>
            <input type="text" value="Second Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Second Name';}"/>
            <input type="text" value="Email Id" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email Id';}"/>
            <textarea value="Message:" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Message';}">Message..</textarea>
            <input type="submit" value="SUBMIT" >
            <input type="reset" value="CLEAR" >
        </form>
    </div>
</div>

我的电子邮件地址应该放在哪里？

【问题讨论】：

不要误会，但这听起来好像您不知道自己在做什么。一个真正的答案需要几页文字来解释。这不是这个地方背后的想法。我建议您改为阅读一些初学者教程并通过一些示例来了解 Web 编程的基本原理。

标签： html email

【解决方案1】：

在 form's action 标记中使用 mailto，如下所示：

<div class="col-md-6 contact-top-right">
  <div class="contact-textarea">
      <form method="GET" action="mailto:test@example.com" enctype="text/plain">
         <input type="text" value="First Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'First Name';}"/>
         <input type="text" value="Second Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Second Name';}"/>
         <input type="text" value="Email Id" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email Id';}"/>
         <textarea value="Message:" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Message';}">Message..</textarea>
         <input type="submit" value="SUBMIT" >
         <input type="reset" value="CLEAR" >
       </form>
   </div>
</div>

【讨论】：