表格未提交

Question

我有一个简单的html表单，应该使用POST方法提交表单，它将在mail.php上发送表单内容以发送电子邮件。 我已经使用以下代码验证了服务器上的php邮件功能：

  $headers = 'From: webmaster@example.com'; mail('myemail@mail.com', 'test email yo', 'This is a test email message', $headers, '-fwebmaster@example.com');

我用来发送邮件的PHP代码如下：

mail('myemail@mail.com', $_POST['name'], $_POST['email'], $_POST['phone'], $_POST['message']);

应该发送信息的html表单是这样的：

<form id="contact-form" class="contact-form" method="post" action="mail.php">
    <div class="success-message">Contact form submitted.</div>
    <div class="coll-1">
        <p class="mbot3">Name*</p>
        <label class="name">
            <input type="text" placeholder="" data-constraints="@Required @JustLetters" name="name"/>
            <span class="empty-message">*This field is required.</span>
            <span class="error-message">*This is not a valid name.</span>
        </label>
    </div>
    <div class="coll-2">
        <p class="mbot3">E-mail*</p>
        <label class="email">
            <input type="text" placeholder="" data-constraints="@Required @Email" name="email"/>
            <span class="empty-message">*This field is required.</span>
            <span class="error-message">*This is not a valid email.</span>
        </label>
     </div>
     <div class="coll-3">
         <p class="mbot3">Phone</p>
         <label class="phone">
             <input type="text" placeholder="" data-constraints="@JustNumbers" name="phone"/>
             <span class="empty-message">*This field is required.</span>
             <span class="error-message">*This is not a valid phone.</span>
         </label>
      </div>
      <label class="message">
          <span class="mbot3">Message*</span>
          <textarea placeholder="" data-constraints="@Required @Length(min=20,max=999999)" name="message"></textarea>
          <span class="empty-message">*This field is required.</span>
          <span class="error-message">*The message is too short.</span>
       </label>
   <div>
      <a href="#" data-type="submit" class="btn-link btn-link1"><img src="img/arrow1.png" alt="">submit</a>
      <p class="req">* Required fields</p>
   </div>
</form>

我无法在电子邮件中获取表单的内容，我可能错误地认为问题出在表单上，​​并且可以将信息发布到php？

这段代码来自一个我自己没有编写的预制模板。

编辑：按照建议，我添加了名称属性，但是并没有解决问题。 更新了HTML以反映当前代码。

Edit2：解决了问题，我不得不删除id =“ contact-form”，但不确定与此相关的是什么阻止了表单提交，但是做到了。 从那里，我从原始表单中获取样式，并将其添加到替换为的新ID中。

Answer 1

您错过了输入和文本字段的名称

<input type="text" placeholder="" data-constraints="@Required @JustLetters"  name = "name"/>

name属性的名称应与从$ _POST ['name']收到的名称相同

Answer 2

检查您的HTML代码中的这些字段，

<input type="text" placeholder="" data-constraints="@Required @JustLetters" />
<input type="text" placeholder="" data-constraints="@Required @Email" />
<input type="text" placeholder="" data-constraints="@JustNumbers"/>
<textarea placeholder="" data-constraints="@Required @Length(min=20,max=999999)"></textarea>

并用以下代码替换它们，您错过了添加name属性，即提交表单后用于引用表单数据的name属性。

<input type="text" name="name" placeholder="" data-constraints="@Required @JustLetters" />
<input type="text" name="email" placeholder="" data-constraints="@Required @Email" />
<input type="text" name="phone" placeholder="" data-constraints="@JustNumbers"/>
<textarea name="message" placeholder="" data-constraints="@Required @Length(min=20,max=999999)"></textarea>