Отправка данных с формы на email

Приветствую всех, ребят подскажите , я не особо шарю в коде и языках програмирования но все же понять после гугла что то могу , есть форма обратной связи "мол сделайте заявку" но просмотрев код я так и не врубился почему синтаксис актионс указывает на свой же файл вот это выглядит так <form id="main-form" action="index.html"> , при этом в самом коде нет намека на его обработку а вся форма выглядит вот так
<div class="form col-md-6">
<div class="darkener"></div>
<form id="main-form" action="index.html">

<h3>Оставьте заявку</h3>
<label for="">Введите Ваше имя:</label>
<input id="name" name="name" type="text" placeholder="Иван Иванов">
<label for="">Введите Ваш E-mail:</label>
<input id="email" name="email" type="email" placeholder="[email protected]">
<label for="">Введите Ваш номер телефона:</label>
<input id="tel-1" name="tel" type="tel" placeholder="+7 (___) ___-__-__">
<button>Отправить заявку</button>
</form>
</div>
большая просьба посоветуйте что можно предпринять не нарушая общую картинку всей странички сайта

вот так выглядит фрагмент сайта с кодом отправки обратного сообщения (заявки)

 

Данные из формы должен получать php скрипт, который отправит их по почте. О получении данных можно прочитать здесь: http://basecourse.ru/php/take.php Об отправке почты здесь: http://basecourse.ru/php/mail.php

 

получаете данные в php скрипте из $_POST, например
$name = $_POST["name"]; и т.д.
Отправлять можно через функцию mail() ;

 

mail($emailTo, $subject, $message, $header);

 

Отправление через mail() так себе идея, лучшее использовать 3rd party JS скрипт( с учетом что ты не особо шаришь в коде).
Для этого тебе надо сделать следующее:
1. Зарегаться mandrillapp.com для получение API ключ
2. Подключить jQuery
3. Используй $.ajax чтобы отправить почту.

Вот тебе пример:

function sendMail() {
$.ajax({
type: 'POST',
url: 'https://mandrillapp.com/api/1.0/messages/send.json',
data: {
'key': 'YOUR API KEY HERE',
'message': {
'from_email': '[email protected]',
'to': [
{
'email': '[email protected]',
'name': 'RECIPIENT NAME (OPTIONAL)',
'type': 'to'
}
],
'autotext': 'true',
'subject': 'YOUR SUBJECT HERE!',
'html': 'YOUR EMAIL CONTENT HERE! YOU CAN USE HTML!'
}
}
}).done(function(response) {
console.log(response); // получаешь ответ в консоле
});
}