如何在联系表单上配置电子邮件?

时间:2018-02-20 21:22:07

标签: javascript jquery html css

如何配置联系表单的电子邮件地址?我正在使用一个模板,并且具有HTML和CSS的noob级别知识,而不是其他。我想跟踪我的电子邮件地址,以便我开始通过表单接收电子邮件。

联系人的HTML是

                    <div class="tab-entry">

                        <div class="row tab-entry-intro">
                        <div class="col-twelve with-bottom-line">



                        </div>          
                    </div> <!-- /tab-content-intro -->

                    <div class="row form-wrap tab-entry-content">
                        <div class="col-twelve">

                            <!-- form -->
                            <form name="contactForm" id="contactForm" method="post" action="">
                                <fieldset>

                                  <div class="form-field">
                                           <input name="contactName" type="text" id="contactName" placeholder="Name" value="" minlength="2" required="">
                                  </div>
                                  <div class="form-field">
                                       <input name="contactEmail" type="email" id="contactEmail" placeholder="Email" value="" required="">
                                   </div>
                                  <div class="form-field">
                                           <input name="contactSubject" type="text" id="contactSubject" placeholder="Subject" value="">
                                   </div>                       
                                  <div class="form-field">
                                        <textarea name="contactMessage" id="contactMessage" placeholder="message" rows="10" cols="50" required=""></textarea>
                                   </div>                      
                                 <div class="form-field">
                                     <button class="submitForm button button-primary large">Submit</button>

                                     <div id="submit-loader">
                                        <div class="text-loader">Sending...</div>                             
                                          <div class="s-loader">
                                                    <div class="bounce1"></div>
                                                    <div class="bounce2"></div>
                                                    <div class="bounce3"></div>
                                                </div>
                                            </div><!-- submit-loader -->
                                  </div>

                                </fieldset>
                            </form> <!-- /form -->

                            <!-- contact-warning -->
                            <div id="message-warning">              
                            </div>            
                            <!-- contact-success -->
                            <div id="message-success">
                               <i class="fa fa-check"></i>Your message was sent, thank you!<br>
                            </div>

                         </div> <!-- /col-twelve -->                            
                    </div> <!-- /row contact-form -->

                    </div> <!-- /tab-entry -->                  

                </div> <!-- /tab-contact -->

1 个答案:

答案 0 :(得分:0)

无法直接使用javascript(因为它是您的标记)发送电子邮件,但您可以打开用户邮件客户端:

window.open( '的mailto:name@domain.com');

有可能使用这些变量来预定主题和身体:

window.open( '的mailto:?name@domain.com受试者= example_subject&安培;身体= example_body');