如何设置我的 mailto 表单结果的样式？答案

【问题标题】：How can I style my mailto form results?如何设置我的 mailto 表单结果的样式？
【发布时间】：2015-04-20 23:16:21
【问题描述】：

所以我有一个包含姓名、电子邮件、到达日期、出发日期和评论的基本表格，并带有一个大的“发送”按钮。这是代码：

    <form class="form" id="form1" action="mailto:myemail@email.com" method="post">

  <p class="name">
    <input name="Name" type="text" class="validate[required,custom[onlyLetter],length[0,100]] feedback-input" placeholder="Name" id="name" />
  </p>

  <p class="email">
    <input name="Email" type="text" class="validate[required,custom[email]] feedback-input" id="email" placeholder="Email" />
  </p>

  <p class="email">
    <input name="Date Of Arrival" type="date" class="validate feedback-input" id="date" placeholder="Date Of Arrival" />
  </p>

  <p class="email">
    <input name="Date Of Departure" type="date2" class="validate feedback-input" id="date2" placeholder="Date Of Departure" />
  </p>

  <p class="text">
    <textarea name="Text" class="validate[required,length[6,300]] feedback-input" id="comment" placeholder="Comment"></textarea>
  </p>


  <div class="submit">
    <input type="submit" value="SEND" id="button-blue"/>
    <div class="ease"></div>
  </div>
</form>

它通过电子邮件成功打开了我的邮件客户端。问题是这就是电子邮件正文中的内容：

Name+%250D%250A+=Name+Test&Email+%250D%250A=test%40email.com&Date+Of+Arrival+%250D%250A=09%2F04%2F2015&Date+Of+Departure+%250D%250A=24%2F04%2F2015&Text=This+is+a+test+comment

我该如何设计这个样式？我在网上查了一下，搞不明白。

对于这个例子，这就是我希望电子邮件正文的外观：

Name: Name Test
Email: test@email.com
Date of Arrival: 09/04/2015
Date of Departure: 24/04/2015
Message Body: This is a test comment.

我不介意用“预订请求”或其他内容重新填充主题字段。

谢谢！

【问题讨论】：

mailto:foo@example.com?subject=Booking request 为主题。
可以参考w3schools.com/jsref/prop_form_enctype.asp

标签： javascript php css html

【解决方案1】：

这很容易。您所要做的就是指定您的内容类型 (MIME)。将您的表单更改为：

<form class="form" id="form1" action="mailto:myemail@email.com" method="post" enctype="text/plain">

【讨论】：

【解决方案2】：

在表单标签中定义enctype：

<form class="form" id="form1" action="mailto:myemail@email.com" method="post" ENCTYPE="text/plain">

【讨论】：

【解决方案3】：

不幸的是，您在格式方面可以做的事情非常有限。我建议看看这个答案：

Mailto on submit button

【讨论】：