Bootstrap电子邮件表单设置

时间:2016-05-11 09:31:20

标签: html

嗨,如果有人可以提供帮助,我是非常新的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>

1 个答案:

答案 0 :(得分:0)

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

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

在这个地方,你告诉你的表格,他的行动是&#34;发布&#34; (发送)信息到名为&#34;#&#34;的文件。首先,你必须创建一个类似action.php的PHP文件,并将之前的操作归因于它:

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

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

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

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

的文档