簡體   English   中英

我可以創建一個HTML5表單,將表單直接發送答案到我的電子郵件,而不必使用PHP或SQL

[英]can I create an HTML5 form that sends answers directly to my email without having to use PHP or SQL

我在Indesign中制作了一個30頁的問卷,我需要對其應用一些顯示/隱藏功能,但是當我需要通過問卷對所有內容進行操作時,Indesign僅允許您在與該功能相同的頁面上進行操作。 我嘗試了Acrobat Pro,但是在表單編輯模式下一直崩潰,並且NOBODY知道為什么會發生這種情況,我查了一下,發現其他人遇到了這個問題,沒有人能夠提供幫助。

因此,我的下一個最佳選擇是制作一個HTML5表單,對我個人而言,讓javascript正確顯示和隱藏適當的字段就足夠了,所以在我踏上這一旅程之前,我想知道是否有可能以便將答案編譯並發送到我的電子郵件中,而不必將我的頭放在php和sql周圍。 在構建自己的網站之前,我曾嘗試過這樣做,但是從來沒有發生過,因為我只是花不起足夠的時間來解決所有問題。

這是一個簡單的示例,但是您需要轉到他們在Mandrill的網站並注冊他們的免費服務並獲得自己的API Key

<body>

    <form class="form-inline" onsubmit="sendTheMail()">
      <div class="input-group">
        <input type="text" id="contact-name" placeholder="Name" name="contact-name">
        <input type="text" id="contact-phone" placeholder="Phone" name="contact-phone">
        <input type="text" id="contact-email" placeholder="Email" name="contact-email">
        <input type="text" id="contact-message" placeholder="Message" name="contact-message">
      </div>
      <div class="input-group">
        <button class="btn btn-success" type="submit">Send</button>
      </div>
    </form>

  <script src="vendors/mandrill.js"></script>
    <script>
      var sendTheMail = function() {

      // create a new instance of the Mandrill class with your API key
      var m = new mandrill.Mandrill('goto/their/website/to/get/your/own/free/key')
      // Collect Inputs
      var name = document.getElementById('contact-name').value;
      var phone = document.getElementById('contact-phone').value;
      var email = document.getElementById('contact-email').value;
      var message = document.getElementById('contact-message').value;

      var emailBody = "From: " + name + "<br><br>" + "Phone Number: " + phone + "<br><br>" + message;

      var params = {

          "message": {
              "from_email":email,
              "to":[{"email":"yourEmail@gmail.com"}],
              "subject": "Form Submission from your website",
              "html": emailBody
          }
      };

      m.messages.send(params);

    };
    </script>

</body>

只要您每月不發送數千封電子郵件,那么它是免費的。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM