首页 > 解决方案 > 如何通过网络问卷发送电子邮件?

问题描述

因此,我有以下一组类似于“表单控制”(来自引导程序)的表单,您需要填写 3 种不同的表单:标题、电子邮件和消息本身

                    <form class="main_form">
                        <div class="row">
                         
                            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
                                <input class="form-control" placeholder="title" type="text" name="Title">
                            </div>
                            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
                                <input class="form-control" placeholder="Email" type="text" name="Email">
                            </div>
                            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
                                <textarea class="textarea" placeholder="message" type="text" name="Message"></textarea>
                            </div>
                            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
                                <button class="send" >send</button>
                            </div>
                        </div>
                    </form>

我的问题是,您如何从表单控件中检索信息?然后,使用该信息发送这个其他脚本(按下发送按钮):

<?php
function send_mail( $subject, $message, $headers){
    // https://stackoverflow.com/questions/5335273/how-can-i-send-an-email-using-php
    $to = "bordadoscreativos.02@gmail.com";
    mail($to, $subject, $message, $headers);
}
?>

标签: phphtmlcsstwitter-bootstrap

解决方案


我不会使用 php 发送电子邮件,而是使用在线后端表单提交服务。有一个名为 formsubmit.io 的网站可以为您完成所有工作,而且它是免费的。我已经编辑了代码,因此它将发送一封包含表单详细信息的电子邮件。只需用您的电子邮件替换“将您的电子邮件放在这里”,它应该可以工作。

HTML

<form class="main_form" action="https://formsubmit.io/send/put your email here" method="POST">>
                        <div class="row">
                         
                            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
                                <input class="form-control" placeholder="title" type="text" name="Title">
                            </div>
                            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
                                <input class="form-control" placeholder="Email" type="text" name="Email">
                            </div>
                            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
                                <textarea class="textarea" placeholder="message" type="text" name="Message"></textarea>
                            </div>
                            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
                                <button class="send" >send</button>
                            </div>
                        </div>
                    </form>


推荐阅读