javascript - 如何设置 mailto 表单结果的样式?

标签 javascript php css html

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

    <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. 

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

谢谢!

最佳答案

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

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

关于javascript - 如何设置 mailto 表单结果的样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29751396/

相关文章:

javascript - 如何选择FileReader的读取方式?

php xpath问题

php - 从搜索中排除文件夹,但仍考虑在 Netbeans 7 (php) 的导航中

php - 为什么 PHP 中的 _GET 会错误地解码斜杠?

javascript - 寻找 CMS 图片库

javascript - jQuery 检测固定元素的背景颜色

javascript - 使用 if、else if 和 else 时出现意外标记 else

javascript - 如何让 HTML 链接到浏览器(或系统)指定的 URL?

javascript - 滚动条上的水平移动

javascript - tween control.reset() of trackball controls js 不工作