HTMLの連絡フォーム

-1

私はちょうどHTMLの1つのページのサイトに連絡フォームを置くが、私はHTMLのインデックスファイルに連絡先コードを追加した後、私のサイトを開くときに私のページは、トップバナー、ロゴなどではなく、HTMLの連絡フォーム

<!-- contact pradzia --> 
 
<form id="contact" action="" method="post"> 
 
    <fieldset> 
 
    <input placeholder="Jūsų vardas" type="text" tabindex="1" required autofocus> 
 
    </fieldset> 
 
    <fieldset> 
 
    <input placeholder="Jūsų el. pašto adresas" type="email" tabindex="2" required> 
 
    </fieldset> 
 
    <fieldset> 
 
    <input placeholder="Jūsų tel. nr." type="tel" tabindex="3" required> 
 
    </fieldset> 
 
    <fieldset> 
 
    <input placeholder="Tema" type="url" tabindex="4" required> 
 
    </fieldset> 
 
    <fieldset> 
 
    <textarea placeholder="Rašykite žinute čia..." tabindex="5" required></textarea> 
 
    </fieldset> 
 
    <fieldset> 
 
    <button name="submit" type="submit" id="contact-submit" data-submit="...Sending">Siųsti</button> 
 
    </fieldset> 
 
</form> 
 
<!-- contact pabaiga --> 
 
</div>

出典

2017-10-30 VCSprojekt

は親切代わりにだけコンタクトフォームのHTMLのフルページのHTMLコードを共有しています。 –

<?php 
 
    require __DIR__ . '/../app/src/app.php'; 
 
?> 
 
<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <title>Gintaro drožyba</title> 
 
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
 
    <link href="css/custom.css" rel="stylesheet"> 
 
    <link rel="shortcut icon" type="image/png" href="images/favicon.png"/> <!-- ikonele --> 
 
</head> 
 

 
<body> 
 

 
    <!-- Navigacija --> 
 
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> 
 
     <div class="container"> 
 
      <!-- Logo ir responsive toggle --> 
 
      <div class="navbar-header"> 
 
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar"> 
 
        <span class="sr-only">Toggle navigation</span> 
 
        <span class="icon-bar"></span> 
 
        <span class="icon-bar"></span> 
 
        <span class="icon-bar"></span> 
 
       </button> 
 
       <a class="navbar-brand" href="#"> 
 
       \t <span class="glyphicon glyphicon-fire"></span> 
 
       \t Gintaro drožyba 
 
       </a> 
 
      </div> 
 
      <!-- Navbar linkai --> 
 
      <div class="collapse navbar-collapse" id="navbar"> 
 
       <ul class="nav navbar-nav navbar-right"> 
 
        <li class="active"> 
 
         <a href="#">Pagrindinis</a> 
 
        </li> 
 
        <li> 
 
         <a href="#">Galerija</a> 
 
        </li> 
 
\t \t \t \t \t <li class="dropdown"> 
 
\t \t \t \t \t \t <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Darbai <span class="caret"></span></a> 
 
\t \t \t \t \t \t <ul class="dropdown-menu" aria-labelledby="about-us"> 
 
\t \t \t \t \t \t \t <li><a href="#">Paveikslai</a></li> 
 
\t \t \t \t \t \t \t <li><a href="#">Skulptūros</a></li> 
 
\t \t \t \t \t \t \t <li><a href="#">Baldai</a></li> 
 
          <li><a href="#">Suvenyrai</a></li> 
 
          <li><a href="#">Kita</a></li> 
 
\t \t \t \t \t \t </ul> 
 
\t \t \t \t \t </li> 
 
       </ul> 
 
      </div><!-- /.navbar-collapse --> 
 
     </div><!-- /.container --> 
 
    </nav> 
 

 
\t <!-- baneris --> 
 
\t <div class="jumbotron feature"> 
 
\t \t <div class="container"> 
 
\t \t \t <h1><span class="glyphicon glyphicon-equalizer"></span> Gintaro Černiaus drožyba</h1> 
 
\t \t \t <p>Medžio darbai, drožyba, mediniai baldai, paveikslai, skulptūros</p> 
 
\t \t \t <p><a class="btn btn-primary" href="#">Plačiau</a></p> 
 
\t \t </div> 
 
\t </div> 
 

 

 
    <!-- heading --> 
 
    <div class="container"> 
 
     <div class="row"> 
 
      <div class="col-xs-12"> 
 
       <h1 class="text-center">Ilgametė patirtis</h1> 
 
       <p class="lead text-center">Kažkokia informacija. Pasirinkite:</p> 
 
      </div> 
 
     </div> 
 
    </div> 
 

 
    <!-- darbai --> 
 
\t <div class="container-fluid"> 
 
     <div class="row promo"> 
 
     \t <a href="#"> 
 
\t \t \t \t <div class="col-md-4 promo-item item-1"> 
 
\t \t \t \t \t <h3> 
 
\t \t \t \t \t \t Galerija 
 
\t \t \t \t \t </h3> 
 
\t \t \t \t </div> 
 
      </a> 
 
      <a href="#"> 
 
\t \t \t \t <div class="col-md-4 promo-item item-2"> 
 
\t \t \t \t \t <h3> 
 
\t \t \t \t \t \t Kontaktai 
 
\t \t \t \t \t </h3> 
 
\t \t \t \t </div> 
 
      </a> 
 
\t \t \t 
 
\t \t \t <a href="#"> 
 
\t \t \t \t <div class="col-md-4 promo-item item-3"> 
 
\t \t \t \t \t <h3> 
 
\t \t \t \t \t \t Užsakymas 
 
\t \t \t \t \t </h3> 
 
\t \t \t \t </div> 
 
      </a> 
 
     </div> 
 
    </div><!-- /.container-fluid --> 
 

 
\t <!-- parduodami darbai --> 
 
\t <div class="container"> 
 
\t \t <h1 class="text-center">Padaryti darbai pardavimui</h1> 
 
\t \t <div class="row"> 
 
\t \t 
 
\t \t \t <!-- darbas 1 --> 
 
\t \t \t <div class="col-sm-6 col-md-3"> 
 
\t \t \t \t <div class="thumbnail featured-product"> 
 
\t \t \t \t \t <a href="#"> 
 
\t \t \t \t \t \t <img src="images/foto1.jpg" alt=""> 
 
\t \t \t \t \t </a> 
 
\t \t \t \t \t <div class="caption"> 
 
\t \t \t \t \t \t <h3>Paveikslas</h3> 
 
\t \t \t \t \t \t <p>Kažkoks tekstas</p> 
 
\t \t \t \t \t \t <p class="price">95.99 EUR</p> 
 

 
\t \t \t \t \t \t <!-- mygtukas bootstrap --> 
 
\t \t \t \t \t \t <div class="input-group"> 
 
\t \t \t \t \t \t \t <input type="number" class="form-control" value="1"> 
 
\t \t \t \t \t \t \t <span class="input-group-btn"> 
 
\t \t \t \t \t \t \t \t <button class="btn btn-primary" type="button"> 
 
\t \t \t \t \t \t \t \t \t <span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> 
 
\t \t \t \t \t \t \t \t \t Pridėti į krepšelį 
 
\t \t \t \t \t \t \t \t </button> 
 
\t \t \t \t \t \t \t </span> 
 
\t \t \t \t \t \t </div> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 

 
\t \t \t <!-- darbas 2 --> 
 
\t \t \t <div class="col-sm-6 col-md-3"> 
 
\t \t \t \t <div class="thumbnail featured-product"> 
 
\t \t \t \t \t <a href="#"> 
 
\t \t \t \t \t \t <img src="images/foto2.jpg" alt=""> 
 
\t \t \t \t \t </a> 
 
\t \t \t \t \t <div class="caption"> 
 
\t \t \t \t \t \t <h3>Paveikslas 2</h3> 
 
\t \t \t \t \t \t <p>Kažkoks tekstas</p> 
 
\t \t \t \t \t \t <p class="price"><s>85.95 EUR</s>65.95 EUR</p> 
 

 
\t \t \t \t \t \t <!-- mygtukas bootstrap --> 
 
\t \t \t \t \t \t <div class="input-group"> 
 
\t \t \t \t \t \t \t <input type="number" class="form-control" value="1"> 
 
\t \t \t \t \t \t \t <span class="input-group-btn"> 
 
\t \t \t \t \t \t \t \t <button class="btn btn-primary" type="button"> 
 
\t \t \t \t \t \t \t \t \t <span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> 
 
\t \t \t \t \t \t \t \t \t Pridėti į krepšelį 
 
\t \t \t \t \t \t \t \t </button> 
 
\t \t \t \t \t \t \t </span> 
 
\t \t \t \t \t \t </div> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 

 
\t \t \t <!-- darbas 3 --> 
 
\t \t \t <div class="col-sm-6 col-md-3"> 
 
\t \t \t \t <div class="thumbnail featured-product"> 
 
\t \t \t \t \t <a href="#"> 
 
\t \t \t \t \t \t <img src="images/foto3.jpg" alt=""> 
 
\t \t \t \t \t </a> 
 
\t \t \t \t \t <div class="caption"> 
 
\t \t \t \t \t \t <h3>Paveikslas 3</h3> 
 
\t \t \t \t \t \t <p>Kažkoks tekstas</p> 
 
\t \t \t \t \t \t <p class="price">145.99 EUR</p> 
 

 
\t \t \t \t \t \t <!-- mygtukas bootstrap --> 
 
\t \t \t \t \t \t <div class="input-group"> 
 
\t \t \t \t \t \t \t <input type="number" class="form-control" value="1"> 
 
\t \t \t \t \t \t \t <span class="input-group-btn"> 
 
\t \t \t \t \t \t \t \t <button class="btn btn-primary" type="button"> 
 
\t \t \t \t \t \t \t \t \t <span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> 
 
\t \t \t \t \t \t \t \t \t Pridėti į krepšelį 
 
\t \t \t \t \t \t \t \t </button> 
 
\t \t \t \t \t \t \t </span> 
 
\t \t \t \t \t \t </div> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 

 
\t \t \t <!-- darbas 4 --> 
 
\t \t \t <div class="col-sm-6 col-md-3"> 
 
\t \t \t \t <div class="thumbnail featured-product"> 
 
\t \t \t \t \t <a href="#"> 
 
\t \t \t \t \t \t <img src="images/foto3.jpg" alt=""> 
 
\t \t \t \t \t </a> 
 
\t \t \t \t \t <div class="caption"> 
 
\t \t \t \t \t \t <h3>Paveikslas 3</h3> 
 
\t \t \t \t \t \t <p>Kažkoks tekstas</p> 
 
\t \t \t \t \t \t <p class="price">199.99 EUR</p> 
 

 
\t \t \t \t \t \t <!-- mygtukas bootstrap --> 
 
\t \t \t \t \t \t <div class="input-group"> 
 
\t \t \t \t \t \t \t <input type="number" class="form-control" value="1"> 
 
\t \t \t \t \t \t \t <span class="input-group-btn"> 
 
\t \t \t \t \t \t \t \t <button class="btn btn-primary" type="button"> 
 
\t \t \t \t \t \t \t \t \t <span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> 
 
\t \t \t \t \t \t \t \t \t Pridėti į krepšelį 
 
\t \t \t \t \t \t \t \t </button> 
 
\t \t \t \t \t \t \t </span> 
 
\t \t \t \t \t \t </div> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t </div> 
 
    </div><!-- /.container --> 
 
\t 
 
\t 
 
\t <div class="container text-center"> 
 
     <div class="container"> 
 
\t \t <h1>Apie mane</h1> 
 
     <p class="lead"> 
 
     Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum</p> 
 
</div> 
 
\t \t <img class="img-responsive img-circle center-block" src="images/service.jpg" alt=""> 
 
\t </div><!--/.container--> 
 
      <!-- contact pradzia --> 
 
    <form id="contact" action="" method="post"> 
 
    <fieldset> 
 
     <input placeholder="Jūsų vardas" type="text" tabindex="1" required autofocus> 
 
    </fieldset> 
 
    <fieldset> 
 
     <input placeholder="Jūsų el. pašto adresas" type="email" tabindex="2" required> 
 
    </fieldset> 
 
    <fieldset> 
 
     <input placeholder="Jūsų tel. nr." type="tel" tabindex="3" required> 
 
    </fieldset> 
 
    <fieldset> 
 
     <input placeholder="Tema" type="url" tabindex="4" required> 
 
    </fieldset> 
 
    <fieldset> 
 
     <textarea placeholder="Rašykite žinute čia..." tabindex="5" required></textarea> 
 
    </fieldset> 
 
    <fieldset> 
 
     <button name="submit" type="submit" id="contact-submit" data-submit="...Sending">Siųsti</button> 
 
    </fieldset> 
 
    </form> 
 
     <!-- contact pabaiga --> 
 
\t \t 
 
\t <!-- footeris --> 
 
\t <footer> 
 
\t 
 
\t \t <h1 class="text-center">Mane rasite</h1> 
 
\t \t <!-- Map --> 
 
\t \t \t <script id="map" src='https://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyA4G64jXEiyPLOA1XKXDkvl901-khuxrao'></script><div style='overflow:hidden;height:423px;width:1401px;'><div id='gmap_canvas' style='height:423px;width:1401px;'></div><style>#gmap_canvas img{max-width:none!important;background:none!important}</style></div> <a href='https://embedmaps.net'>add google map</a> <script type='text/javascript' src='https://embedmaps.com/google-maps-authorization/script.js?id=0884e686c4548d57daed57d5f4148e6ad91ea399'></script><script type='text/javascript'>function init_map(){var myOptions = {zoom:17,center:new google.maps.LatLng(55.3386064,26.155018400000017),mapTypeId: google.maps.MapTypeId.SATELLITE};map = new google.maps.Map(document.getElementById('gmap_canvas'), myOptions);marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(55.3386064,26.155018400000017)});infowindow = new google.maps.InfoWindow({content:'<strong>Mane rasite</strong><br>Turistų g. 20<br>30136 Ignalina<br>'});google.maps.event.addListener(marker, 'click', function(){infowindow.open(map,marker);});infowindow.open(map,marker);}google.maps.event.addDomListener(window, 'load', init_map);</script> 
 
\t \t \t <div class="container"> 
 
\t \t \t \t <div class="row"> 
 
\t \t \t \t \t <div class="col-sm-12 footer-info-item text-center"> 
 
\t \t \t \t \t \t <h2>Susisiekite</h2> 
 
\t \t \t \t \t \t <p class="lead"><span class="glyphicon glyphicon-phone-alt"></span> +370 672 07463</p> 
 
         <p class="lead"><span class="glyphicon glyphicon-envelope"></span> [email protected]</p> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 

 
\t \t <!-- Footer Links --> 
 
\t \t <div class="footer-info"> 
 
\t \t \t <div class="container"> 
 
\t \t \t \t <div class="row"> 
 
\t \t \t \t \t <div class="col-sm-4 footer-info-item"> 
 
\t \t \t \t \t \t <h3>Informacija</h3> 
 
\t \t \t \t \t \t <ul class="list-unstyled"> 
 
\t \t \t \t \t \t \t <li><a href="#">Apie mane</a></li> 
 
\t \t \t \t \t \t \t <li><a href="#">Galerija</a></li> 
 
\t \t \t \t \t \t \t <li><a href="#">Kontaktai</a></li> 
 
\t \t \t \t \t \t \t <li><a href="#">Paslaugos</a></li> 
 
\t \t \t \t \t \t </ul> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t \t <div class="col-sm-4 footer-info-item"> 
 
\t \t \t \t \t \t <h3>My Account</h3> 
 
\t \t \t \t \t \t <ul class="list-unstyled"> 
 
\t \t \t \t \t \t \t <li><a href="#">Sign In</a></li> 
 
\t \t \t \t \t \t \t <li><a href="#">View Cart</a></li> 
 
\t \t \t \t \t \t \t <li><a href="#">My Wishlist</a></li> 
 
\t \t \t \t \t \t \t <li><a href="#">Track My Order</a></li> 
 
\t \t \t \t \t \t \t <li><a href="#">Help</a></li> 
 
\t \t \t \t \t \t </ul> \t 
 
\t \t \t \t \t </div> 
 
\t \t \t \t \t <div class="col-sm-4 footer-info-item"> 
 
\t \t \t \t \t \t <h3><span class="glyphicon glyphicon-list-alt"></span> Newsletter</h3> 
 
\t \t \t \t \t \t <p>Sign up for exclusive offers.</p> 
 
\t \t \t \t \t \t <div class="input-group"> 
 
\t \t \t \t \t \t \t <input type="email" class="form-control" placeholder="Enter your email address"> 
 
\t \t \t \t \t \t \t <span class="input-group-btn"> 
 
\t \t \t \t \t \t \t \t <button class="btn btn-primary" type="button"> 
 
\t \t \t \t \t \t \t \t \t Subscribe! 
 
\t \t \t \t \t \t \t \t </button> 
 
\t \t \t \t \t \t \t </span> 
 
\t \t \t \t \t \t </div> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t </div><!-- /.row --> 
 
\t \t \t </div><!-- /.container --> 
 
     </div> 
 
     
 
     <!-- Copyright --> 
 
     <div class="small-print"> 
 
     \t <div class="container"> 
 
     \t \t <p>Copyright &copy; drozyba.lt 2017 </p> 
 
     \t </div> 
 
     </div> 
 
     
 
\t </footer> 
 

 
\t 
 
    <!-- jQuery pirmas :) --> 
 
    <script src="js/jquery-3.2.1.min.js"></script> 
 

 
    <!-- Bootstrapo JavaScript --> 
 
    <script src="js/bootstrap.min.js"></script> 
 
\t 
 
\t <!-- IE10 viewport failas --> 
 
\t <script src="js/ie10-viewport-bug-workaround.js"></script> 
 
\t 
 
</body> 
 

 
</html>

出典

2017-10-30 06:32:31 VCSprojekt

私の提案をお試しくださいましたか？ –

オートフォーカスを削除するようにしてください（あなたの最初の入力を形成属性：

出典

2017-10-30 07:32:46

答えて

関連する問題