HTML
<form id="application" action=" application.php" method="POST" name=" application ">
<input name="name" id="zayavkaName" maxlength="20" placeholder="Введите ваше имя" required />
<input name="email" type="email" id="applicationEmail" maxlength="20" placeholder="Введите ваш E-mail" required />
<input name="telephone" type="Tel" id="applicationTelephone" maxlength="20" placeholder="Введите ваш телефон" required/>
<button class="applicationButton" type="submit" form="application">Получить прайс </button>
</form>
CSS
/* Стили формы */
#application {
width: 475px;
margin: 0 auto;
}
/*Стили полей для ввода*/
#applicationName, #applicationEmail, #applicationTelephone {
width: 100%;
height: 73px;
background: none;
margin-top: 25px;
border: 1px solid #fff;
border-radius: 40px;
text-align: center;
color: #fff;
font-size: 24px;
}
/*Стили полей при клике по ним*/
#applicationName:focus, #applicationEmail:focus, #applicationTelephone:focus {
border: 1px solid #30ad64;
}
/*Стили текста, выводящегося в placeholder*/
::-webkit-input-placeholder {
color: #efefef;
font-family: 'PT Sans', sans-serif;
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
::-moz-placeholder {
color: #fff;
font-family: 'PT Sans', sans-serif;
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
} /* Firefox 19+ */
:-moz-placeholder {
color: #fff;
font-family: 'PT Sans', sans-serif;
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
} /* Firefox 18- */
:-ms-input-placeholder {
color: #fff;
font-family: 'PT Sans', sans-serif;
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
::placeholder {
color: #fff;
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
/*Стили для кнопки*/
.applicationButton {
margin-top: 25px;
background: #30ad64;
border: none;
width: 100%;
height: 73px;
border-radius: 40px;
color: #fff;
font-size: 24px;
text-transform: uppercase;
font-family: 'PT Sans', sans-serif;
cursor: pointer;
}
.applicationButton:hover {
background: #d68c18;
}
PHP
<?php
$sendto = "smart-landing@yandex.ru"; // почта, на которую будет приходить письмо
$username = $_POST['name']; // сохраняем в переменную данные полученные из поля c именем
$usertel = $_POST['telephone']; // сохраняем в переменную данные полученные из поля c телефонным номером
$usermail = $_POST['email']; // сохраняем в переменную данные полученные из поля c адресом электронной почты
// Формирование заголовка письма
$subject = "Новое сообщение";
$headers = "From: " . strip_tags($usermail) . "\r\n";
$headers .= "Reply-To: ". strip_tags($usermail) . "\r\n";
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html;charset=utf-8 \r\n";
// Формирование тела письма
$msg = "<html><body style='font-family:Arial,sans-serif;'>";
$msg .= "<h2 style='font-weight:bold;border-bottom:1px dotted #ccc;'>Cообщение с сайта</h2>\r\n";
$msg .= "<p><strong>От кого:</strong> ".$username."</p>\r\n";
$msg .= "<p><strong>Почта:</strong> ".$usermail."</p>\r\n";
$msg .= "<p><strong>Сайт:</strong> ".$usertel."</p>\r\n";
$msg .= "</body></html>";
// отправка сообщения
if(@mail($sendto, $subject, $msg, $headers)) {
echo "<center><img src='images/spasibo.png'></center>";
} else {
echo "<center><img src='images/ne-tpravleno.png'></center>";
}
?>