nicolass1975 Mortale devoto
  
 
  Registrato: 26/04/12 14:52 Messaggi: 11
 
  | 
		
			
				 Inviato: 25 Lug 2017 13:19    Oggetto: 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:
 
 	  | Codice: | 	 		  
 
    <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:
 
 	  | Codice: | 	 		  
 
<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: contatto@email.com
 
                    </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> | 	 
  | 
			 
		  |