htmlbutton — я не получаю вывод при отправке кнопки формы. Код электронной почты PHP не дает мне результата. Пожалуйста, обратитесь к приведенному ниже коду

Я пытался написать контактную форму, используя HTML & PHP, он работал нормально, когда я тестировал код с input type="submit" name="submit" value="Submit"

Но при использовании div & Класс кнопки: «» это не работает для меня.

Кто-нибудь может мне помочь?

Мой код PHP

<? php

if(isset($_POST['submit']))

{

$to = "[email protected]";

$from = $_POST['email'];

$name = $_POST['name'];

$email = $_POST['email'];

$phone =$_POST['phone'];

$subject = "Enquiry From".$name;

$subject2 = "Copy of your Enquiry";

$message = $name . " " . "wrote the following:" . "\n\n" . $_POST['message'] ."Contact Details:" . "\n\n" .$_POST['email'] . $_POST['phone'];

$message2 = "Here is a copy of your message " . $name . "\n\n" . $_POST['message'];

$headers = "From:" . $from;

$headers2 = "From:" . $to;

mail($to,$subject,$message,$headers);

mail($from,$subject2,$message2,$headers2);

echo "Mail Sent. Thank you " . $first_name . ", we will contact you shortly.";

}
?>

===========================

HTML ФОРМА КОД

<div class="container-contact100">

<div class="wrap-contact100">
<form class="contact100-form validate-form" action="mail.php" method="post">
<span class="contact100-form-title">
Feel free to reach us
</span>

<div class="wrap-input100 validate-input" data-validate="Please enter your name">
<input class="input100" type="text" name="name" placeholder="Full Name">
<span class="focus-input100"></span>
</div>

<div class="wrap-input100 validate-input" data-validate = "Please enter your email: [email protected]">
<input class="input100" type="text" name="email" placeholder="E-mail">
<span class="focus-input100"></span>
</div>

<div class="wrap-input100 validate-input" data-validate = "Please enter your phone">
<input class="input100" type="number" name="phone" placeholder="Phone">
<span class="focus-input100"></span>
</div>
<div class="wrap-input100 validate-input" data-validate = "Please enter your Subject">
<input class="input100" type="text" name="subject" placeholder="Subject">
<span class="focus-input100"></span>
</div>
<div class="wrap-input100 validate-input" data-validate = "Please enter your message">
<textarea class="input100" name="message" placeholder="Your Message"></textarea>
<span class="focus-input100"></span>
</div>

<div class="container-contact100-form-btn">
<button type="submit" class="contact100-form-btn" type="submit">
<span>
<i class="fa fa-paper-plane-o m-r-6" aria-hidden="true"></i>
Send
</span>
</button>
</div>
</form>
</div>
</div>
<div id="dropDownSelect1"></div>