簡體   English   中英

如何在聯系表單上配置電子郵件?

[英]how do I configure email on a contact form?

如何配置聯系表單的電子郵件地址? 我正在使用一個模板,並且對 HTML 和 CSS 有菜鳥級的知識,其他的不多。 我想追蹤我放置電子郵件地址的位置,以便我開始通過表單接收電子郵件。

聯系人的 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 -->

使用 javascript 直接發送電子郵件(因為它是您的標簽)是不可能的,但您可以打開用戶郵件客戶端:

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

使用這些變量可以有一個預定的主題和正文:

window.open('mailto:name@domain.com?subject=example_subject&body=example_body');

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM