このフォームを作成するには

私はこのフォームを自分のウェブサイト用に作成してPHPをリンクしましたが、フォームを送信するとフォームに入力された情報は電子メールには表示されません。フィールド。私はこれに新しいので、最高のコードではないことをお詫び申し上げます。このフォームを作成するには

助けがあれば助かります。解像度を持っているように見えることができるような答えでこれを置く

<?PHP 
 
\t 
 
\t /* Subject & Email Variables */ 
 
\t 
 
\t $emailSubject = 'Photography Quote'; 
 
\t $webMaster = '[email protected]'; 
 
\t 
 
\t /* Gathering Data Variables*/ 
 
\t 
 
\t $firstname = $_POST['firstname']; 
 
\t $lastname = $_POST['lastname']; 
 
\t $email = $_POST['email']; 
 
\t $hdyhau = $_POST['hdyhau']; 
 
\t $message = $_POST['message']; 
 
\t 
 
\t $body = <<<EOD 
 
<br><hr><br> 
 
First Name: $firstname <br> 
 
Last Name: $lastname <br> 
 
Email: $email <br> 
 
How Did You Hear About Us?: $hdyhau <br> 
 
Message: $message <br> 
 
EOD; 
 

 
\t $headers = "From: $email\r\n"; 
 
\t $headers .= "Content-type: text/html\r\n"; 
 
\t $headers = mail($webMaster, $emailSubject, $body, $headers); 
 
\t 
 
\t /* Results Rendered As HTML */ 
 
\t 
 
\t $theResults = <<<EOD 
 
<html> 
 
<head> 
 
<title>Contact Us</title> 
 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
 
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
 
<link rel="stylesheet" type="text/css" href="Contact.css"> 
 
<link href='http://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'> 
 
<style type="text/css"> 
 
\t 
 
\t /*logo*/ 
 

 
img{ 
 
\t display: block; 
 
\t margin-left: auto; 
 
\t margin-right: auto; 
 
\t 
 
} 
 

 
/*navbar*/ 
 

 
#wrap{ 
 
\t text-align: center; 
 
\t font-family: "Lora" serif; 
 
\t font-size: 13px; 
 
\t font-weight: normal; 
 
\t padding-right: 48px; 
 
\t padding-bottom: 40px; 
 
\t 
 
} 
 

 
.navbar li a{ 
 
\t display: block; 
 
} 
 

 
.navbar li{ 
 
\t display: inline-block; 
 
\t list-style: none; 
 
\t text-align: left; 
 
\t 
 
} 
 

 
.navbar a{ 
 
\t text-decoration: none; 
 
\t color: #9c9c9c; 
 
\t display: block; 
 
\t padding: 8px; 
 
\t background-color: white; 
 
} 
 

 
.navbar li ul{ 
 
\t position: absolute; 
 
\t display: none; 
 
\t margin: 0; 
 
\t padding: 0; 
 
\t height: auto; 
 
\t 
 
} 
 

 
.navbar li:hover, a:hover{ 
 
\t color: black; 
 
} 
 

 
.navbar li:hover ul{ 
 
\t display: block; 
 
} \t 
 

 
.navbar li ul li { 
 
\t display: block; 
 
} 
 

 
h1{ 
 
\t text-align: center; 
 
\t font-family: 'Lora' serif; 
 
\t font-size: 25px; 
 
\t padding-bottom: 30px; 
 
} 
 

 
input[type=button]{ 
 
\t border: 2px solid #9c9c9c; 
 
\t background-color: white; 
 
\t color: #9c9c9c; \t 
 
\t display: block; 
 
\t padding: 10px; 
 
\t width: 100px; 
 
\t margin-left: auto; 
 
\t margin-right: auto; 
 
} 
 

 
input[type=button]:hover{ 
 
\t background-color: #9c9c9c; 
 
\t color: white; 
 
\t border: 2px #9c9c9c; 
 
\t padding: 10px; 
 
\t height: 41px; 
 
} 
 

 

 
/*footer*/ 
 

 
footer{ 
 
\t text-align: center; 
 
\t font-family: "Lora" serif; 
 
\t font-size: 10px; 
 
\t font-weight: normal; 
 
\t padding-top: 30px; 
 
} 
 

 
\t 
 
    </style> 
 
</head> 
 
<body> 
 
\t  <div class="container"> 
 
     <div class="row"> 
 
      <div class="col-sm-12 col-md-12"> 
 
\t    
 
\t    <img src="Images/NewLogoBlack.png" class="img-responsive" width="250px" height="250px"> 
 
\t   
 
\t   </div> 
 
\t   <div class="clearfix visible-sm-block"></div> 
 
     <div class="clearfix visible-md-block"></div> 
 
     <div class="clearfix visible-lg-block"></div> 
 
\t   
 
\t   
 
      <div class="col-sm-12 col-md-12"> 
 

 
\t \t \t <div id="wrap"> 
 
\t \t \t <ul class="navbar"> 
 
\t 
 
\t \t <li><a href="index.html">HOME</a></li> 
 
\t \t <li><a href="">PORTFOLIO</a> 
 
\t \t \t <ul> 
 
\t \t \t <li><a href="wedding.html">WEDDING</a></li> 
 
\t \t \t <li><a href="Love.html">LOVE</a></li> 
 
\t \t \t  
 
\t \t \t </ul>   
 
\t \t </li> 
 
\t \t <li><a href="#">ABOUT</a> 
 
\t \t \t <ul> 
 
\t \t \t <li><a href="AboutUs.html">US</a></li> 
 
\t \t \t </ul>   
 
\t \t </li> 
 
\t \t <li><a href="#">BLOG</a> 
 
\t \t \t <ul> 
 
\t \t \t \t <li><a href="NewBlogPage3.html">STORIES</a></li> 
 
\t \t \t \t <li><a href="Archive.html">ARCHIVE</a></li> 
 
\t \t \t </ul> 
 
\t \t </li> \t \t \t \t 
 
\t \t <li><a href="Contact.html">CONTACT</a></li> 
 
\t </ul> \t \t \t 
 
    \t </div> \t \t \t 
 

 
\t    
 
</div> 
 
<div class="clearfix visible-sm-block"></div> 
 
<div class="clearfix visible-md-block"></div> 
 
<div class="clearfix visible-lg-block"></div> 
 
     
 
     
 
     
 
<div class="col-sm-12 col-md-12"> 
 
\t   
 
<h1>Thank you for your inquiry. We'll be in contact shortly.</h1> 
 
\t   
 
</div> 
 
<div class="clearfix visible-sm-block"></div> 
 
<div class="clearfix visible-md-block"></div> 
 
<div class="clearfix visible-lg-block"></div> 
 
     
 
<form action="Instagram.html"> 
 
<input type="button" value="HOME"> 
 
</form> \t 
 

 

 
<div class="clearfix visible-sm-block"></div> 
 
<div class="clearfix visible-md-block"></div> 
 
<div class="clearfix visible-lg-block"></div> 
 
      
 
\t 
 
\t   
 
     
 
     
 
<div class="col-sm-12 col-md-12"><footer>All images Copyright © Seaward Photography 2016. Based in San Diego, California. Available for destinations worldwide.</footer></div> 
 
<div class="clearfix visible-sm-block"></div> 
 
<div class="clearfix visible-md-block"></div> 
 
<div class="clearfix visible-lg-block"></div> 
 

 
      
 

 

 

 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"</script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" 
 
</body> 
 
</html> 
 
EOD; 
 
echo($theResults); 
 

 

 
      \t \t 
 

 
?>

/*logo*/ 
 

 
img{ 
 
\t display: block; 
 
\t margin-left: auto; 
 
\t margin-right: auto; 
 
\t 
 
} 
 

 
/*navbar*/ 
 

 
#wrap{ 
 
\t text-align: center; 
 
\t font-family: "Lora" serif; 
 
\t font-size: 13px; 
 
\t font-weight: normal; 
 
\t padding-right: 48px; 
 
\t padding-bottom: 40px; 
 
\t 
 
} 
 

 
.navbar li a{ 
 
\t display: block; 
 
} 
 

 
.navbar li{ 
 
\t display: inline-block; 
 
\t list-style: none; 
 
\t text-align: left; 
 
\t 
 
} 
 

 
.navbar a{ 
 
\t text-decoration: none; 
 
\t color: #9c9c9c; 
 
\t display: block; 
 
\t padding: 8px; 
 
\t background-color: white; 
 
} 
 

 
.navbar li ul{ 
 
\t position: absolute; 
 
\t display: none; 
 
\t margin: 0; 
 
\t padding: 0; 
 
\t height: auto; 
 
\t 
 
} 
 

 
.navbar li:hover, a:hover{ 
 
\t color: black; 
 
} 
 

 
.navbar li:hover ul{ 
 
\t display: block; 
 
} \t 
 

 
.navbar li ul li { 
 
\t display: block; 
 
} 
 

 
/*image*/ 
 

 
.contact img{ 
 
\t width: 70%; 
 
} 
 

 

 
/* form */ 
 

 
.form label{ 
 
\t padding-top: 30px; 
 
\t padding-left: 400px; 
 
\t display: block; 
 
\t float: right; 
 
\t padding-right: 189px; 
 
\t font-family: "Lora" serif; 
 
\t font-size: 12px; 
 
\t 
 
} 
 

 

 
input, textarea{ 
 
\t font: 1em "Lora" sans-serif; 
 
\t width:300px; 
 
\t 
 
\t 
 
} 
 

 
textarea{ 
 
\t vertical-align: top; 
 
\t height: 5em; 
 
\t resize: vertical; 
 
\t 
 
} 
 

 
input[type=submit]{ 
 
\t border: 2px solid #9c9c9c; 
 
\t background-color: white; 
 
\t color: #9c9c9c; \t 
 
\t display: block; 
 
\t padding: 10px; 
 
\t width: 100px; 
 
\t margin-left: auto; 
 
\t margin-right: auto; 
 
} 
 

 
input[type=submit]:hover{ 
 
\t background-color: #9c9c9c; 
 
\t color: white; 
 
\t border: 2px #9c9c9c; 
 
\t padding: 10px; 
 
\t height: 44px; 
 
} 
 

 

 
/*footer*/ 
 

 
footer{ 
 
\t text-align: center; 
 
\t font-family: "Lora" serif; 
 
\t font-size: 10px; 
 
\t font-weight: normal; 
 
\t padding-top: 10px; 
 
\t 
 
}

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<title>Contact Us</title> 
 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
 
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
 
<link rel="stylesheet" type="text/css" href="Contact.css"> 
 
<link href='http://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'> 
 
<style type="text/css"> 
 
\t 
 
\t img{ 
 
\t \t padding-bottom: 30px; 
 
\t } 
 
\t 
 
\t .contact-form{ 
 
\t \t padding: 20px; 
 
\t } 
 
\t 
 
\t label{ 
 
\t \t font-family: "Lora" serif; 
 
\t \t font-weight: 300; 
 
\t } 
 
\t 
 
    </style> 
 
</head> 
 
<body> 
 
\t  <div class="container"> 
 
     <div class="row"> 
 
      <div class="col-sm-12 col-md-12"> 
 
\t    
 
\t    <img src="Images/NewLogoBlack.png" class="img-responsive" width="250px" height="250px"> 
 
\t   
 
\t   </div> 
 
\t   <div class="clearfix visible-sm-block"></div> 
 
     <div class="clearfix visible-md-block"></div> 
 
     <div class="clearfix visible-lg-block"></div> 
 
\t   
 
\t   
 
      <div class="col-sm-12 col-md-12"> 
 

 
\t \t \t <div id="wrap"> 
 
\t \t \t <ul class="navbar"> 
 
\t 
 
\t \t <li><a href="index.html">HOME</a></li> 
 
\t \t <li><a href="">PORTFOLIO</a> 
 
\t \t \t <ul> 
 
\t \t \t <li><a href="wedding.html">WEDDING</a></li> 
 
\t \t \t <li><a href="Love.html">LOVE</a></li> 
 
\t \t \t  
 
\t \t \t </ul>   
 
\t \t </li> 
 
\t \t <li><a href="#">ABOUT</a> 
 
\t \t \t <ul> 
 
\t \t \t <li><a href="AboutUs.html">US</a></li> 
 
\t \t \t </ul>   
 
\t \t </li> 
 
\t \t <li><a href="#">BLOG</a> 
 
\t \t \t <ul> 
 
\t \t \t \t <li><a href="NewBlogPage3.html">STORIES</a></li> 
 
\t \t \t \t <li><a href="Archive.html">ARCHIVE</a></li> 
 
\t \t \t </ul> 
 
\t \t </li> \t \t \t \t 
 
\t \t <li><a href="Contact.html">CONTACT</a></li> 
 
\t </ul> \t \t \t 
 
    \t </div> \t \t \t 
 

 
\t    
 
      </div> 
 
      <div class="clearfix visible-sm-block"></div> 
 
     <div class="clearfix visible-md-block"></div> 
 
     <div class="clearfix visible-lg-block"></div> 
 
\t 
 
\t <div class="col-sm-12 col-md-12"> 
 
\t   <div class="img-list">  
 
\t    
 
\t   
 
    
 
     <img src="Images/ContactImage.jpg" class="img-responsive" width="750px" height="auto" /> 
 
      
 
     
 

 
\t   </div>  
 
      </div> 
 
      <div class="clearfix visible-sm-block"></div> 
 
      <div class="clearfix visible-md-block"></div> 
 
     <div class="clearfix visible-lg-block"></div> \t 
 
     
 
     
 
     \t   
 
\t  <form method="post" action="Contact%20Form.php" enctype="text/plain"> 
 
    <div class="contact-form"> 
 
    
 
      
 
\t  <div class="row"> 
 
\t \t <div class="col-md-6 ">  
 
     <div class="form-group"> 
 
      <label for="firstname">First Name</label> 
 
      <input type="text" class="form-control" id="firstname"> 
 
     </div> 
 
     </div> 
 
     <div class="col-md-6"> 
 
     <div class="form-group"> 
 
      <label for="lastname">Last Name</label> 
 
      <input type="text" class="form-control" id="lastname"> 
 
     </div> 
 
     </div> 
 
     <div class="clearfix visible-md-block"></div> 
 
     <div class="col-md-12"> 
 
     <div class="form-group"> 
 
      <label for="email">Email</label> 
 
      <input type="email" class="form-control" id="email"> 
 
     </div> 
 
     <div class="clearfix visible-md-block"></div> 
 
     <div class="form-group"> 
 
      <label for="hdyhau">How Did You Hear About Us?</label> 
 
      <input type="text" class="form-control" id="hdyhau"> 
 
     </div> 
 
     <div class="form-group"> 
 
\t   <label for="message">Message</label> 
 
      <textarea class="form-control" rows="4" id="message"></textarea> 
 
      </div> \t \t 
 

 

 
     <div class="form-group"> 
 
     <div class="col-sm-8 col-sm-offset-2"> 
 
      <input id="submit" name="submit" type="submit" value="SEND!" class="btn btn-primary"> 
 
     </div> 
 
    </div> 
 
\t  </div> 
 
    </form> 
 

 
\t 
 
\t 
 
      <div class="col-sm-12 col-md-12"><footer>All images Copyright © Seaward Photography 2016. Based in San Diego, California. Available for destinations worldwide.</footer></div> 
 
      <div class="clearfix visible-sm-block"></div> 
 
      <div class="clearfix visible-md-block"></div> 
 
     <div class="clearfix visible-lg-block"></div> 
 

 
      
 

 

 

 

 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"</script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" 
 
</body> 
 
</html>

出典

2016-03-23 R.Seaward

私は他のPHPページ/スクリプトが動作すると仮定しますか？のように、あなたのサーバーはセットアップされ、PHPを実行するために正しく設定されていますか？ – Davis

2つの考え：1 - あなたのPHPファイル名は.phpで終わりますか？ 2 - オープニングタグを '<？php'のように小文字にしてみてください – mopo922

あなたのコードは私のために働きます（大文字の' <？PHP'とすべて（私のシステムに違いはないようです））。あなたはあなたのコードにいくつかの奇妙さを持っています（なぜあなたの 'mail'コールを' $ headers'に割り当てますか？）、それは大丈夫です。私はあなたにサーバー構成の問題があると思います。あなたのサーバーで他のPHPスクリプトが動作することを確認できますか？ – Davis

。 ;）

あなたのコードは私のために使用します（大文字の<?PHPとすべて（私のシステムに違いは見られませんでした））。あなたのコードにはいくつかの奇妙さがあります（なぜ$ headersにあなたのメール呼び出しを割り当てるのですか？）、それは大丈夫です（私は電子メールを持っています）。私はあなたにサーバー構成の問題があると思います。

はい、あなたはコメントで述べた問題は、実際には、非常に単純です。フォームでは、あなたの入力要素であなたのname属性は、など、「ファーストネーム」、「hdyhau」ですが、あなたのPHPで、あなたは次の操作を行います。その後、

$firstnameField = !empty($_POST['firstname']) ? $_POST['firstname'] : 'n/a'; 
$lastnameField = $_POST['lastname']; 
$emailField = $_POST['email']; 
$hdyhauField = $_POST['hdyhau']; 
$messageField = $_POST['messagename'];

が、そのname値、変数ではなく自分でそれらを参照しますちょうどそれらをコピー：

$body = <<<EOD 
<br><hr><br> 
First Name: $firstname <br> 
Last Name: $lastname <br> 
Email: $email <br> 
How Did You Hear About Us?: $hdyhau <br> 
Message: $message <br> 
EOD;

ちょうどあなたが$firstname代わりの$firstnameFieldOR$firstnameFieldにご$body割り当てで変数を変更するなど

に割り当てるものを変更

はちょうどあなたが$_POSTにアクセスしている値はあなたが使用した値と一致することを確認してください：あなたは何かが実際にあなたの電子メールの前にこのような何かを行うことによって、フォームに含まれていたことを確認することができます

フォームのname=""属性。

出典

2016-03-24 21:13:38 Davis

@ R.Seaward、元の質問をあなたのコードで編集できますか？私は何かが実際に渡されているかどうかを確認する方法でこの回答を編集します。 – Davis

私は上記のコードを私が今持っているものに編集しました。これが@Davis –

@ R.Seawardに役立つことを願ってくださいあなたのヘッダーを注入するので誰かがあなたのフォームをスパミングサービスに変える可能性があることに留意してください。フォームを保護するには[mail（）で使用するエスケープ文字列]（http://stackoverflow.com/questions/8071916/escape-string-to-use-in-mail）をお読みください。 – h2ooooooo

このフォームを作成するには

答えて

関連する問題