联系表格不发送表格值

Question

I am using an upgrade version of stepsForm.js from codrops. Anyway the contact form sends the email but none of the values from the input i.e $_POST['email']. The PHP...

<?php

$field_email = $_POST['email'];
$field_name = $_POST['name'];
$field_residence = $_POST['residence'];
$field_profession = $_POST['profession'];
$field_club = $_POST['fave_club'];
$field_message = $_POST['message'];


$mail_to = '[e-mail]';
$subject = 'Message from vidz.dundaah visitor '.$field_name;

$body_message = 'E-mail: '."
".$field_email."

";
$body_message .= 'Name: '."
".$field_name."

";
$body_message .= 'Residence: '."
".$field_residence."

";
$body_message .= 'Profession: '."
".$field_profession."

";
$body_message .= 'Fave_club: '."
".$field_club."

";
$body_message .= 'Message: '."
".$field_message;

$headers = 'From: '.$field_name."
";
$headers .= 'Reply-To: '.$field_email."
";

$mail_status = mail($mail_to, $subject, $body_message, $headers);

?>
    <script type="text/javascript">
        window.location = '../contact.html';
    </script>
<?php

?>

The HTML form... and js file stepsForm.js and css file stepsForm.css

<section class="cool_form">
  <form action="css/contactForm.php" id="theForm" class="simform" autocomplete="off">
    <div class="simform-inner">
      <ol class="questions">
        <li>
          <span><label for="q1">What's your email?</label></span>
          <input id="q1" name="email" type="email" spellcheck="false" />
        </li>
        <li>
          <span><label for="q2">What's your name?</label></span>
          <input id="q2" name="name" type="text" spellcheck="false" />
        </li>
        <li>
          <span><label for="q3">Where do you live?</label></span>
          <input id="q3" name="residence" type="text" spellcheck="false" />
        </li>
        <li>
          <span><label for="q4">What do you do?</label></span>
          <input id="q4" name="profession" type="text" spellcheck="false" />
        </li>
        <li>
          <span><label for="q5">Favourite club?</label></span>
          <input id="q5" name="fave_club" type="text" spellcheck="false" />
        </li>
        <li>
          <span><label for="q6">Tell us something...</label></span>
          <input id="q6" name="message" type="text" spellcheck="false" />
        </li>
      </ol>
      <button class="submit" type="submit">Send answers</button>
      <div class="controls">
        <button class="previous"></button>
        <button class="next"></button>
        <div class="progress"></div>
        <span class="number">
                                <span class="number-current"></span>
        <span class="number-total"></span>
        </span>
        <span class="error-message"></span>
      </div>
    </div>
    <span class="final-message"></span>
  </form>
</section>

basically getting "Email: blank space", "Name: blank.." etc. thank you!

</div>

Answer 1

You need to add method="post" to your HTML <form> tag. Forms will default to $_GET unless you specify to use a different HTTP request method. If you look at your address bar after submitting your existing form, you'll probably see all the submitted parameters in the URL.

Here's how your <form> tag should look:

<form action="css/contactForm.php" id="theForm" class="simform" autocomplete="off" method="post">