Javascript 使用PHP的html5联系人表单

这是我创建的HTML联系人表单，我一直在尝试获取PHP代码以使其正常工作，但我不确定处理此问题的最佳方法。我已经阅读了其他使用单独文件的问题和答案。我不是PHP专家，但我可以假设这两个文件必须按名称链接。这是我的HTML表单：

<section class="our-contacts slideanim" id="contact">
<h3 class="text-center slideanim">Contact Us</h3>
<p class="text-center slideanim">Got a project in mind? Shoot as an email below!</p>
<div class="container">
    <div class="row">
        <div class="col-lg-12">
            <form role="form">
                <div class="row">
                    <div class="form-group col-lg-4 slideanim">
                        <input type="text" name="name" class="form-control user-name" placeholder="Your Name" required/>
                    </div>
                    <div class="form-group col-lg-4 slideanim">
                        <input type="email" name="email" class="form-control mail" placeholder="Your Email" required/>
                    </div>
                    <div class="form-group col-lg-4 slideanim">
                        <input type="tel" class="form-control pno" placeholder="Your Phone Number" required/>
                    </div>
                    <div class="clearfix"></div>
                    <div class="form-group col-lg-12 slideanim">
                        <textarea name="message" class="form-control" rows="6" placeholder="Your Message" required/>                            </textarea>
                    </div>
                    <div class="form-group col-lg-12 slideanim">
                        <button type="submit" href="#" class="btn-outline1">Submit</button>
                    </div>
                </div>
            </form>
        </div>  
    </div>
</div>

联系我们
有计划吗？在下面拍摄一封电子邮件
提交

---

表单标签需要有一个action和一个method属性，如下所示：

<form role="form" method="post" action="path/to/file.php">

方法通常是post（如果愿意，可以查找post和get之间的差异）。该操作是将处理数据的php文件的路径

在php文件中，您可以通过$_POST全局变量访问数据，该变量将是一个包含每个输入的数组，例如$_POST['tel']将是表单中的电话号码字段

---

然后你需要发送电子邮件。您可以尝试php手册（）中的一种实现，也可以尝试使用第三方服务，如mail gun。

阅读表单

操作

属性，或者使用相同的文件发送消息，或者使用其他文件。如果要使用同一个文件，则必须在顶部添加If语句，以检查您是否正在加载页面或是否提交了表单。您还可能希望将“as”更改为“us”