HTML5、CSS3、PHP 联系表单不发送信息 + 添加必填字段

Question

我在我的网站上添加了一个联系表。表格发送电子邮件，但我没有收到信息。所有字段都是空白的。另外，我想填写必填字段。任何人？

这里是 PHP

<?php
$field_name = $_POST['Name...'];
$field_email = $_POST['Email...'];
$field_phone = $_POST['Phone...'];
$field_company = $_POST['Company'];
$field_message = $_POST['Message...'];

$mail_to = 'email@me.com';
$subject = '#Message from Website# '.$field_name;

$body_message .= 'From: '.$field_name."\n";
$body_message .= 'Email: '.$field_email."\n";
$body_message .= 'Phone: '.$field_phone."\n";
$body_message .= 'Company: '.$field_company."\n";
$body_message .= 'Message: '.$field_message."\n";

$headers = 'From: '.$E-Mail."\r\n";
$headers .= 'Reply-To: '.$E-Mail."\r\n";

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

if ($mail_status) { ?>
 <script language="javascript" type="text/javascript">
  alert('Thank you for the message. We will contact you shortly.');
  window.location = 'index.html';
 </script>
<?php
}
else { ?>
 <script language="javascript" type="text/javascript">
  alert('Message sending failed. Please, send an email to         
email@me.com');
  window.location = 'index.html';
 </script>
<?php }
?>

这是表格

<form action="contact.php" method="post">
    <input type="text" class="text" value="Name..." onfocus="this.value = '';" onblur="if (this.value =='') {this.value = 'Name...';}">
    <input type="text" class="text" value="Email..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email...';}">
    <input type="text" class="text" value="Phone..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Phone...';}">
    <input type="text" class="text" value="Company..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Company...';}">
    <textarea value="Message..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Message';}">Message...</textarea>
    <input class="wow shake" data-wow-delay="0.3s" type="submit" value="Send Message" />
</form>

Answer 1

它是空白的，因为您的输入没有名称属性。所有输入都需要 name 属性。示例：

<input type="text" value="" id="first_name" name="first_name" />

Answer 2

您的 HTML 中没有名称属性。确保有 name 属性，以便它们可以在 PHP 中访问。

另外，请注意不要将属性命名为“名称...”，删除点

Answer 3

您可以使用if 来检查值是否为空，例如：

if(!empty($field_name)) {
   // the field name is not empty and you can send the mail
   $mail_status = mail($mail_to, $subject, $body_message, $headers);
}

您还必须为您的<input /> 字段提供正确的名称。你可以这样做：

<?php $field_name = $_POST['fieldname']; ?>
<input name="fieldname" />

Answer 4

您犯了一个简单的错误 - 当 html input 元素发布到 php 表单时，它在 $_POST 数组中填写的索引是基于 html 元素的 name 属性，但您正在使用value 属性。

我也会避免使用 name 属性中的奇怪字符，例如句点。

尝试替换

<input type="text" class="text" value="Name..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name...';}">

与

<input type="text" class="text" name="Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name...';}">

Answer 5

如果您的$_POST 应该为您的归属返回某些内容，您需要在您创建的每个输入字段中指定属性name，并使用在$_POST 中声明的相应值。

此外，您可能会遇到空白页，这意味着您有语法错误。

不难发现问题所在。

在您的 sn-p 代码的第 4 行，我可以看到您声明的变量中有一个字母 v：

<?php
$field_name = $_POST['Name...'];
$field_email = $_POST['Email...'];
v$field_phone = $_POST['Phone...'];
$field_company = $_POST['Company'];
$field_message = $_POST['Message...'];

删除它并再次尝试刷新页面。
此外，查看 php_error_log 并查看您所面临的错误类型也很重要。

编辑

如果您想转为必填字段，HTML5 有一个新属性，您可以在每个 input 标记上包含该属性，称为 required。
只需在 input 标记的末尾添加此属性，如下所示：

<input type="text" class="text" name="Name" value="Name..." onfocus="this.value = '';" onblur="if (this.value =='') {this.value = 'Name...';}" required>

您可以在此处找到许多 HTML5 的新属性：http://www.w3schools.com/html/html_form_attributes.asp