• User

    rendere attivo un form invio mail

    salve ho una pagina html con impostato form e formattazione, ma dovrei collegarla ad un file .php o .js per poter rendere il tutto attivo. Come Posso fare? Vi inserisco il listato sorgente della pagina

    Nella sezione head:

    
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
        
        <!-- CSS -->
        <link rel="stylesheet" href="css/owl.carousel.css">
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/font-awesome.min.css">
        <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" href="css/ionicons.min.css">
        <link rel="stylesheet" href="css/animate.css">
        <link rel="stylesheet" href="css/responsive.css">
        
        <!-- Js -->
        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/owl.carousel.min.js"></script>
        <script src="js/plugins.js"></script>
        <script src="js/min/waypoints.min.js"></script>
        <script src="js/jquery.counterup.js"></script>
    
        <!-- Google Map -->
        <script src="https://maps.googleapis.com/maps/api/js?key=xxxxxxxx"></script>
        <script src="js/google-map-init.js"></script>
        <script src="js/main.js"></script>
    
    

    Nella sezione body che renderizza il form:

    
    <div class="container">
                <div class="row">
                  <div class="col-md-6 col-sm-12">
                    <div class="block">
                      <form>
                        <div class="form-group">
                          <input type="text" class="form-control" placeholder="Your Name">
                        </div>
                        <div class="form-group">
                          <input type="text" class="form-control" placeholder="Emailee Address">
                        </div>
                        <div class="form-group">
                          <input type="text" class="form-control" placeholder="Subject">
                        </div>
                      </form>
                    </div>
                  </div>
                  <div class="col-md-6 col-sm-12">
                    <div class="block">
                      <form>
                        <div class="form-group-2">
                          <textarea class="form-control" rows="3" placeholder="Your Message"></textarea>
                        </div>
                        <button class="btn btn-default" type="submit">Send Message</button>
                      </form>
                    </div>
                  </div>
                </div>
                <div id="contact-box" class="row">
                  <div class="col-md-6 col-sm-12">
                    <div class="block">
                      <h2>testo testo testo</h2>
                      <ul class="address-block">
                        <li>
                          <i class="fa fa-map-marker"></i>testo testo testo
                        </li>
                        <li>
                          <i class="fa fa-envelope-o"></i>Email: [email protected]
                        </li>
                        <li>
                          <i class="fa fa-phone"></i>Telefono:+39 xxxxxxxxx
                        </li>
                      </ul>
    
                      <ul class="social-icons">
                        <li>
                          <a href="#"><i class="fa fa-google"></i></a>
                        </li>
                        <li>
                          <a href="#"><i class="fa fa-linkedin"></i></a>
                        </li>
                        <li>
                          <a href="#"><i class="fa fa-pinterest"></i></a>
                        </li>
                        <li>
                          <a href="#"><i class="fa fa-dribbble"></i></a>
                        </li>
                        <li>
                          <a href="#"><i class="fa fa-behance"></i></a>
                        </li>
                        <li>
                          <a href="#"><i class="fa fa-twitter"></i></a>
                        </li>
                        <li>
                          <a href="#"><i class="fa fa-facebook"></i></a>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="col-md-6 col-sm-12">
                    <div class="block">
                      <h2>Ci siamo anche in Google Map</h2>
                        <div class="google-map">
                          <div id="map"></div>
                        </div>
                    </div>
                  </div>
                </div>
              </div>
    

  • User Attivo

    Se ho ben capito ti basta aggiunere action='pagina.php' al tag form

    
    <form action='/pagina.php'>
    .
    .
    .
    </form>
    
    

  • User Attivo

    @nicolass2008 said:

    salve ho una pagina html con impostato form e formattazione, ma dovrei collegarla ad un file .php o .js per poter rendere il tutto attivo. Come Posso fare? Vi inserisco il listato sorgente della pagina

    Nella sezione head:

    >
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
        
        <!-- CSS -->
        <link rel="stylesheet" href="css/owl.carousel.css">
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/font-awesome.min.css">
        <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" href="css/ionicons.min.css">
        <link rel="stylesheet" href="css/animate.css">
        <link rel="stylesheet" href="css/responsive.css">
        
        <!-- Js -->
        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/owl.carousel.min.js"></script>
        <script src="js/plugins.js"></script>
        <script src="js/min/waypoints.min.js"></script>
        <script src="js/jquery.counterup.js"></script>
    
        <!-- Google Map -->
        <script src="https://maps.googleapis.com/maps/api/js?key=xxxxxxxx"></script>
        <script src="js/google-map-init.js"></script>
        <script src="js/main.js"></script>
    
    >```
    
    Nella sezione body che renderizza il form:
    

    <div class="container">
    <div class="row">
    <div class="col-md-6 col-sm-12">
    <div class="block">
    <form>
    <div class="form-group">
    <input type="text" class="form-control" placeholder="Your Name">
    </div>
    <div class="form-group">
    <input type="text" class="form-control" placeholder="Emailee Address">
    </div>
    <div class="form-group">
    <input type="text" class="form-control" placeholder="Subject">
    </div>
    </form>
    </div>
    </div>
    <div class="col-md-6 col-sm-12">
    <div class="block">
    <form>
    <div class="form-group-2">
    <textarea class="form-control" rows="3" placeholder="Your Message"></textarea>
    </div>
    <button class="btn btn-default" type="submit">Send Message</button>
    </form>
    </div>
    </div>
    </div>
    <div id="contact-box" class="row">
    <div class="col-md-6 col-sm-12">
    <div class="block">
    <h2>testo testo testo</h2>
    <ul class="address-block">
    <li>
    <i class="fa fa-map-marker"></i>testo testo testo
    </li>
    <li>
    <i class="fa fa-envelope-o"></i>Email: [email protected]
    </li>
    <li>
    <i class="fa fa-phone"></i>Telefono:+39 xxxxxxxxx
    </li>
    </ul>

                  <ul class="social-icons">
                    <li>
                      <a href="#"><i class="fa fa-google"></i></a>
                    </li>
                    <li>
                      <a href="#"><i class="fa fa-linkedin"></i></a>
                    </li>
                    <li>
                      <a href="#"><i class="fa fa-pinterest"></i></a>
                    </li>
                    <li>
                      <a href="#"><i class="fa fa-dribbble"></i></a>
                    </li>
                    <li>
                      <a href="#"><i class="fa fa-behance"></i></a>
                    </li>
                    <li>
                      <a href="#"><i class="fa fa-twitter"></i></a>
                    </li>
                    <li>
                      <a href="#"><i class="fa fa-facebook"></i></a>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="col-md-6 col-sm-12">
                <div class="block">
                  <h2>Ci siamo anche in Google Map</h2>
                    <div class="google-map">
                      <div id="map"></div>
                    </div>
                </div>
              </div>
            </div>
          </div>
    

    Se intendi il codice php, googlando trovi un sacco di materiale...

    ad es: "Form invio mail php"