如何获取通过电子邮件发送给您的用户提交的模态信息

时间:2017-08-13 17:27:33

标签: html css twitter-bootstrap

我在Bootstrap上构建了一个模态,其中包含我想要收集的信息字段。我想要的是提交'按下按钮,该信息通过电子邮件发送给我。有没有办法做到这一点,而不是把它变成一个rails应用程序?目前我只做了索引html&到目前为止的css代码:

  <div class="modal fade" id="contact" role="dialogue">
    <div class="modal-dialog">
      <div class="modal-content">
        <form class="form-horizontal">
          <div class="modal-header">
            <h4>Contact RE Ledger</h4>
          </div>
          <div class="modal-body">
            <div class="form-group"><!-- For every row -->
              <label for="Contact-name" class="col-lg-2 control-label"> Name: </label>
              <div class="col-lg-10">
                <input type="text" class="form-control" id="contact-name" placeholder="Please put your full name">
              </div>
            </div>

            <div class="form-group"><!-- For every row -->
              <label for="contact-email" class="col-lg-2 control-label"> Email: </label>
              <div class="col-lg-10">
                <input type="email" class="form-control" id="contact-email" placeholder="email@siteexample.com">
              </div>
            </div>

            <div class="form-group"><!-- For every row -->
              <label for="contact-message" class="col-lg-2 control-label"> Message: </label>
              <div class="col-lg-10">
                <textarea rows="8" class="form-control"> </textarea>
              </div>
            </div>

            <div class="modal-footer">
              <a href="#" class="btn btn-default" data-dismiss="modal">Close it</a>
              <button class="btn btn-primary" type="submit"> Submit</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>

2 个答案:

答案 0 :(得分:0)

您必须使用Google Apps Mail来实现目标。不需要任何后端服务器,如PHP,Python,Java,Ruby,Node.js等。

Check out this link了解详情。

答案 1 :(得分:0)

您有几个选择。首先,您使用php,我觉得最简单。以下是一些用于发送电子邮件的示例PHP代码:

<?php
$to      = 'nobody@example.com';
$subject = 'the subject';
$message = 'hello';
$headers = 'From: webmaster@example.com' . "\r\n" .
    'Reply-To: webmaster@example.com' . "\r\n" .
    'X-Mailer: PHP/' . phpversion();

mail($to, $subject, $message, $headers);
?>

你可以使用谷歌应用程序邮件,但是如果你正在使用表单和数据,你将来可能不得不使用一些后端语言,如php,所以值得taking a look at now

如果您有任何其他问题,请告诉我