• N
    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>
    0
  • L
    User Attivo •

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

    
<form action='/pagina.php'>
.
.
.
</form>
    0
  • B
    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"

    0
Effettua l'accesso per rispondere