Моя цель состоит в том, чтобы, когда кто-то заполнял форму, чтобы информация передавалась по нажатию кнопки отправки, в файл php, который, в свою очередь, отправит мне электронное письмо со значениями формы.Он работает в Chrome и Mozilla, но не в Edge или Safari.Я везде искал ответ, но ничего не могу найти.Что я не в том числе?Я неправильно его кодировал?Я просто не могу этого понять.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" type= "text/css" href="PMOM.css">
<link href="https://fonts.googleapis.com/css?family=Arimo|Fira+Sans|Muli|Nunito|Open+Sans|Roboto+Condensed|Ubuntu" rel="stylesheet">
<title>Photo Mirror of Memories</title>
<style>
h1{
text-align: center;
color: white;
}
.main{
padding-top: 80px;
height: 1500px;
width: 100%;
background-color: rgb(82, 117, 139);
}
.main_form{
margin: 0 auto;
padding: 100px 200px;
margin-top: 50px;
height: 700px;
width: 800px;
background-color: white;
border-radius: 15px;
}
.type-field{
width: 400px;
height: 40px;
margin-bottom: 10px;
}
.package-select{
margin-bottom: 8px;
}
.comments{
width: 400px;
height: 40px;
margin: 10px 0;
}
@media (max-width: 600px) {
.main{
color: white;
}
.main_form{
width: 50%;
height: 200px;
background-color: inherit;
padding: 0px;
/* border: 1px solid red; */
}
.type-field{
width: 200px;
height: 40px;
margin-bottom: 10px;
/* border: 1px solid red; */
}
.comments{
width: 200px;
/* border: 1px solid red; */
height: 40px;
margin: 10px 0;
}
}
</style>
</head>
<body>
<div class="main">
<h1 style="color: white;">Please fill out your information</h1>
<div class="main_form">
<form method="post" action="/emailSending.php">
<input class="type-field" type="text" name="fname" placeholder="First Name"><br>
<input class="type-field" type="text" name="lname" placeholder="Last Name"><br>
<input class="type-field" type="text" name="email" placeholder="Email"><br>
<input class="type-field" type="text" name="phone" placeholder="Phone Number"><br>
<input class="package-select" type="radio" name="package" value="Basic" checked> Basic Package
<br>
<input class="package-select" type="radio" name="package" value="Deluxe"> Deluxe Package
<br>
<input class="package-select" type="radio" name="package" value="Premium"> Premium Package
<br>
<input class="comments" type="text-field" name="notes" placeholder="Comments">
<button type="submit" name="button" value="Submit">Submit</button>
</form>
</div>
</div>
<!-- <div id="app2"></div> -->
<script src="/dist/build.js"></script>
</body>
</html>
<?php
$fname=$_POST[fname];
$lname=$_POST[lname];
$email=$_POST[email];
$phone=$_POST[phone];
$package=$_POST[package];
$comments=$_POST[comments];
$to='email@email.com';
$subject="Customer Package";
$message="Name: ".$fname."\n"."Last name: ".$lname."\n"."Email: ".$email."\n"."Phone number: ".$phone."\n"."Package: ".$package;
$headers="From: ".$email;
mail($to, $subject, $message, $headers);
echo "<h1>Thank you</h1>"
?>