![](/img/trans.png)
[英]Use AJAX to send html5 textarea directly without html <form>
[英]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.