html - 表单无法正确使用 Mailto

标签 html forms twitter-bootstrap mailto

我有一个表单作为网站的一部分,我只是希望它使用 mailto 属性将所有信息发送到选定的电子邮件地址,但是当我此时按下提交按钮时,我的电子邮件客户端会打开要发送的电子邮件正确,但没有主题或正文。有什么想法我必须添加或做错了什么吗?

<form action="mailto:<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="76130e171b061a1336130e171b061a135815191b" rel="noreferrer noopener nofollow">[email protected]</a>" method="post" enctype="text/plain" class="form-horizontal">
    <div class="form-group">
        <label for="name" class="col-sm-2 control-label">Name</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" id="name" placeholder="Name">
        </div>
    </div>
    <div class="form-group">
        <label for="company" class="col-sm-2 control-label">Company</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" id="company" placeholder="Company">
        </div>
    </div>
    <div class="form-group">
        <label for="email" class="col-sm-2 control-label">Email</label>
        <div class="col-sm-10">
            <input type="email" class="form-control" id="email" placeholder="Email">
        </div>
    </div>
    <div class="form-group">
        <label for="message" class="col-sm-2 control-label">Message</label>
        <div class="col-sm-10">
            <textarea class="form-control" rows="3" placeholder="Your Message"></textarea>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <button type="submit" class="btn btn-default">Submit</button>
        </div>
    </div>
</form>

谢谢大家!

最佳答案

您忘记设置name属性!您可以将主题设置为电子邮件地址的参数 (subject)。尝试以下代码:

<form action="mailto:<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="214459404c514d44614459404c514d440f424e4c" rel="noreferrer noopener nofollow">[email protected]</a>?subject=Test" method="post" enctype="text/plain" class="form-horizontal">
  <div class="form-group">
    <label for="name" class="col-sm-2 control-label">Name</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" name="name" id="name" placeholder="Name">
    </div>
  </div>
  <div class="form-group">
    <label for="company" class="col-sm-2 control-label">Company</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" name="company" id="company" placeholder="Company">
    </div>
  </div>
  <div class="form-group">
    <label for="email" class="col-sm-2 control-label">Email</label>
    <div class="col-sm-10">
      <input type="email" class="form-control" name="email" id="email" placeholder="Email">
    </div>
  </div>
  <div class="form-group">
    <label for="message" class="col-sm-2 control-label">Message</label>
    <div class="col-sm-10">
      <textarea class="form-control" rows="3" name="message" placeholder="Your Message"></textarea>
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <button type="submit" class="btn btn-default">Submit</button>
    </div>
  </div>
</form>

关于html - 表单无法正确使用 Mailto,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34711331/

相关文章:

ruby-on-rails - 使用 HAML 在 Rails text_field 占位符中嵌入图标

html - CSS Positioned Absolute Element,父边界之外的自动宽度?

javascript - 当 AppBar 处于事件状态时使用焦点显示软键盘使内容跳回顶部

html - 省略号在 flex 容器中不起作用

php - 我可以使用 AJAX 将表单数据/变量传递到 jQuery 脚本中的 php 吗?

html - 使用框架会使网站变重吗?

jquery - Frankenstein CSS - 坚持如何操作样式表

javascript - 在 laravel 5 中验证返回 false 时如何获取选项值的名称

ruby-on-rails - Formtastic 选择列表

javascript - 如何以编程方式打开 d3 元素的 ngbootstrap 弹出窗口?