HTML Forms - авто отправить по электронной почте

Question

Я делаю форму для нашего школьного сайта и хочу, чтобы она автоматически отправляла информацию на адрес электронной почты. Я использую html-кодирование, и я знаю, что это можно сделать, но используемое кодирование открывает мою электронную почту, чтобы отправить его. Я хочу, чтобы они попали в submit, и он автоматически отправляется по электронной почте. Может ли кто-нибудь дать мне правильный код, пожалуйста? Код, который я нашел здесь, открывает мою электронную почту, чтобы отправить это. Мне нужно пропустить этот шаг и отправить его автоматически при нажатии кнопки «Отправить». Спасибо за вашу помощь.

Answer 1

Читать эту Similar question

Plus Наконечник попытаться добавить код, а с вопросом, он помогает всем нам более точно ответить.

Answer 2

Так я предполагаю, что если вы говорите, что вы открыли его с помощью почтового ящика, вы использовали команду mailto. Я всегда использую это для отправки информации по определенному электронному адресу. Если я понимаю, вы пытаетесь отправить электронное письмо, не открывая этот пристойный почтовый ящик, верно? Ну, я бы не рекомендовал, как, как компьютер узнает, куда отправить письмо? Если вы хотите изучить вещь «mailto», то here - отличный сайт с примерами о том, как его использовать. Удачи вам в школьном сайте!

Answer 3

Для этого вам нужен серверный язык, такой как php, а не только html.

В вашей HTML форме

<form class="submit-student-form" action="submit_student_form.php" method="post"> 
    <h1 class="form-title">Student Detail Form</h1> 
    <label>Name</label> 
    <input type="text" name="first_name" placeholder="Robert Thomas" required> 
    <label>Email</label> 
    <input type="email" name="email" placeholder="Email ID" required> 
    <label>Contact Number</label> 
    <input type='tel' name="telephone" placeholder="+91 91234567890" required> 
    <label>Home Location</label> 
    <input type="text" name="location" placeholder="New York" required> 
    <label>Address</label> 
    <input type="text" name="address" placeholder="Loreum Ipsum" required> 
    <button type="submit">Submit</button> 
</form> 

Создайте файл submit_student_form.php

<?php 
if(isset($_POST['email'])) { 
    $email_to = "to@domain.com"; 
    $email_subject = "Email subject"; 
    $first_name = $_POST['first_name']; // required 
    $email_from = $_POST['email']; // required 
    $telephone = $_POST['telephone']; // not required 
    $location = $_POST['location']; // required 
    $address = $_POST['address']; // required 

    function clean_string($string) { 
    $bad = array("content-type","bcc:","to:","cc:","href"); 
    return str_replace($bad,"",$string); 
    } 

    $email_message = "Form details below.\n\n"; 
    $email_message .= "Name: ".clean_string($first_name)."\n"; 
    $email_message .= "Email: ".clean_string($email_from)."\n"; 
    $email_message .= "Telephone: ".clean_string($telephone)."\n"; 
    $email_message .= "Location: ".clean_string($location)."\n"; 
    $email_message .= "Address: ".clean_string($address)."\n"; 

// create email headers 
$headers = 'From: '.$email_from."\r\n". 
'Reply-To: '.$email_from."\r\n" . 
'X-Mailer: PHP/' . phpversion(); 
mail($email_to, $email_subject, $email_message, $headers); 
?> 
    <!-- include your own success html here --> 

    <div class="feedback">Thank you for contacting us. We will be in touch with you very soon.</div> 
    <?php 
} 
?> 

Answer 4

Вы можете реализовать эту функцию с помощью API Gmail Javascript Google.

Пожалуйста, обратитесь: https://www.sitepoint.com/sending-emails-gmail-javascript-api/

1. Включение API Gmail: Перейдите к Developer Console Google и создать проект и сгенерировать ключ API.

2. Начальная установка::

git clone git@github.com:sitepoint-editors/gmail-api-javascript-example.git 

3. Введите Наши учетные данные: Вы должны ввести свои учетные данные в index.html:

var clientId = 'xxxxxxxxxxxx-xxxxxxxxxxxxxxxxxxxxxxx.apps.googleusercontent.com'; 
var apiKey = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'; 

Изменить переменную SCOPES определение в index.html

var scopes = 
    'https://www.googleapis.com/auth/gmail.readonly '+ 
    'https://www.googleapis.com/auth/gmail.send'; 

4. Добавление кнопки «Создать».

<a href="#compose-modal" 
    data-toggle="modal" 
    id="compose-button" 
    class="btn btn-primary pull-right">Compose</a> 

Кнопка Compose будет просто открыть модель, которую мы также будем добавлять непосредственно в DOM.

compose-modal.HTML

<div class="modal fade" id="compose-modal" tabindex="-1" role="dialog"> 
    <div class="modal-dialog modal-lg"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
      <span aria-hidden="true">&times;</span> 
     </button> 
     <h4 class="modal-title">Compose</h4> 
     </div> 
     <form onsubmit="return sendEmail();"> 
     <div class="modal-body"> 
      <div class="form-group"> 
      <input type="email" class="form-control" id="compose-to" placeholder="To" required /> 
      </div> 

      <div class="form-group"> 
      <input type="text" class="form-control" id="compose-subject" placeholder="Subject" required /> 
      </div> 

      <div class="form-group"> 
      <textarea class="form-control" id="compose-message" placeholder="Message" rows="10" required></textarea> 
      </div> 
     </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      <button type="submit" id="send-button" class="btn btn-primary">Send</button> 
     </div> 
     </form> 
    </div> 
    </div> 
</div> 

Отправить сообщение Функция:

function sendEmail() 
{ 
    $('#send-button').addClass('disabled'); 

    sendMessage(
    { 
     'To': $('#compose-to').val(), 
     'Subject': $('#compose-subject').val() 
    }, 
    $('#compose-message').val(), 
    composeTidy 
); 

    return false; 
}