【问题标题】:Bootstrap email form setup引导电子邮件表单设置
【发布时间】:2016-09-06 14:37:31
【问题描述】:

您好,如果有人可以帮助我,我对 HTML 非常陌生,并且最近创建了一个网站,该网站是我从 Dreamweaver 中的模板改编而来的,并且我已经尝试并尝试过的联系页面的 HTML 中已经有代码,只是无法弄清楚如何将其设置为活动状态。以下是我目前所拥有的页面。

            <section id="contact-text" class="inactive">
                        <div class="col-sm-12 col-md-12">
                            <div class="row">
                                <div class="col-sm-12 col-md-12"><h2>Contact</h2></div>
                                <div class="clearfix"></div>
                            </div>

                            <div class="row">
                                <div class="col-sm-6 col-md-6">
                                    <div id="map-canvas"></div>
                                  <p></p>
                                </div>

                                <div class="col-sm-6 col-md-6">
                                    <form action="#" method="post">

                                            <div class="form-group">
                                                <!--<label for="contact_name">Name:</label>-->
                                                <input type="text" id="contact_name" class="form-control" placeholder="Name" />
                                            </div>
                                            <div class="form-group">
                                                <!--<label for="contact_email">Email:</label>-->
                                                <input type="text" id="contact_email" class="form-control" placeholder="Email Address" />
                                            </div>
                                            <div class="form-group">
                                                <!--<label for="contact_message">Message:</label>-->
                                                <textarea id="contact_message" class="form-control" rows="7" placeholder="Write a message"></textarea>
                                            </div>
                                            <button type="submit" class="btn btn-primary">Send</button>

                                    </form>

【问题讨论】:

  • 这段代码需要做很多工作,改变动作值,添加一堆 PHP 等等。

标签: html


【解决方案1】:

当你在做一个表单时,你必须定义一个动作。

<form action="#" method="post">

在这个地方你告诉你的表单他的动作是“发布”(发送)信息到一个名为“#”的文件。首先,您必须创建一个像 action.php 这样的 PHP 文件并将您之前的操作归因于它:

<form action="action.php" method="post">

在这个 PHP 文件中,您想要获取变量并通过邮件发送。

为此,我建议您阅读this 的帖子以及您可以在互联网上找到的其他提示。

最后一件事:如果您不希望表单在用户提交页面时重新加载页面,则必须使用 AJAX。您还可以找到有关此here

的文档

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-12-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-11-23
    • 1970-01-01
    相关资源
    最近更新 更多