HTML формы - автоматическая отправка на электронную почту

Для этого вам нужен серверный язык, такой как 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>

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

<?php
if(isset($_POST['email'])) {
    $email_to = "[email protected]";
    $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
}
?>

Это сработало для меня.

создайте файл с именем done.php и свяжите форму sineup с done.php с помощью POST

добавить это в done.php

<?php
if(isset($_POST['email'])) {
    $email_to = "email";
    $email_subject = "subject";
    $first_name = $_POST['first_name']; // required
    $email_from = $_POST['email']; // required
    $password = $_POST['password']; 
    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 .= "password: ".clean_string($password)."\n";
  
// email 
$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">Thanks for submiting we will get back to you as soon as possable</div>
  <?php
}
?>

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

См. Https://www.sitepoint.com/sending-emails-gmail-javascript-api/

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

2. Начальная настройка ::

git clone [email protected]:sitepoint-editors/gmail-api-javascript-example.git

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

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

Измените определение переменной областей в 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.

компоновать-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;
}

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

Прочтите этот вопрос

Tip- Плюс попытайтесь добавить некоторый код, а также вопрос, он помогает всем нам ответить более точно.