HTML/CSS Kontaktformular: Senden Button funktioniert nicht

back4ever

back4ever

SlotBauer
ID: 10467
L
20 April 2006
28.165
1.243
Hi

Vieleucht kann mir jemand von euch Profis helfen
wieso der "Senden Button" nicht funktioniert
in meinem Kontakformular.

PHP: 
<h2>Kontakt Formular</h2>
          <form id="ContactForm" action="#">
            <div class="wrapper pad_bot1">
              <div class="wrapper">
                <div class="bg">
                  <input type="text" class="input" />
                </div>
                Your Name:<br />
              </div>
              <div class="wrapper">
                <div class="bg">
                  <input type="text" class="input" />
                </div>
                Your E-mail:<br />
              </div>
              <div class="wrapper">
                <div class="bg">
                  <div class="textarea">
                    <textarea name="textarea" cols="1" rows="1"></textarea>
                  </div>
                </div>
                Your Message:<br />
              </div>
              <div class="wrapper"> <a href="#" class="button"><span><span>send</span></span></a> <a href="#" class="button marg_right1"><span><span>clear</span></span></a> </div>
            </div>
          </form>
        </div>
      </div>
    </section>
  </div>
</div>
Wo muss ich meine Email eintragen, bzw. fehlt nocht etwas ?
ist ein Free Template welches ich mir runtergeladen habe.

Danke!
Mfg
 
guck mal bitte hier der link: https://www.back4ever.de/the-art-of-business/contacts.html


bzw. hier der komplette code der unveränderten Seite
habe den rest auf serbisch geändert
hat aber im originalzustand auch nicht funktioniert

PHP: 
<!DOCTYPE html>
<html lang="en">
<head>
<title>The Art of Business | Contacts</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery-1.4.2.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/Myriad_Pro_300.font.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/ie6_script_other.js"></script>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
</head>
<body id="page5">
<!-- START PAGE SOURCE -->
<div class="body3"></div>
<div class="body1">
  <div class="main">
    <header>
      <div id="logo_box">
        <h1><a href="#" id="logo">The Art of Business <span>Clients Choose Us!</span></a></h1>
      </div>
      <nav>
        <ul id="menu">
          <li><a href="index.html">Home</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="projects.html">Projects</a></li>
          <li id="menu_active"><a href="contacts.html">Contacts</a></li>
          <li class="bg_none"><a href="sitemap.html">Sitemap</a></li>
        </ul>
      </nav>
      <div class="wrapper">
        <div class="text1">Your Business Needs Fresh Ideas?</div>
        <div class="text2">We work for your Profit</div>
        <ul id="icons">
          <li><a href="#"><img src="images/icon1.jpg" alt=""></a></li>
          <li><a href="#"><img src="images/icon2.jpg" alt=""></a></li>
          <li><a href="#"><img src="images/icon3.jpg" alt=""></a></li>
        </ul>
      </div>
    </header>
  </div>
</div>
<div class="body2">
  <div class="main">
    <section id="content">
      <div class="marg_top wrapper">
        <article class="col1">
          <div class="box1_out">
            <div class="box1">
              <h2>Our Contacts</h2>
              <div class="wrapper">
                <article class="col2">
                  <p> <strong> Country:<br>
                    City:<br>
                    Telephone:<br>
                    Email: </strong> </p>
                </article>
                <article class="col3">
                  <p> USA<br>
                    San Diego<br>
                    +354 5635600<br>
                    <a href="#">[email protected]</a> </p>
                </article>
              </div>
              <a href="#" class="button"><span><span>headquarters</span></span></a> </div>
          </div>
          <div class="box1_bot">
            <div class="box1_bot_left">
              <div class="box1_bot_right"></div>
            </div>
          </div>
        </article>
        <article class="col2 pad_left1">
          <div class="box1_out">
            <div class="box1">
              <h2>Miscellaneous Info</h2>
              <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque.</p>
            </div>
          </div>
          <div class="box1_bot">
            <div class="box1_bot_left">
              <div class="box1_bot_right"></div>
            </div>
          </div>
        </article>
      </div>
      <div class="wrapper marg_top2">
        <div class="pad">
          <h2>Contact Form</h2>
          <form id="ContactForm" action="#">
            <div class="wrapper pad_bot1">
              <div class="wrapper">
                <div class="bg">
                  <input type="text" class="input" />
                </div>
                Your Name:<br />
              </div>
              <div class="wrapper">
                <div class="bg">
                  <input type="text" class="input" />
                </div>
                Your E-mail:<br />
              </div>
              <div class="wrapper">
                <div class="bg">
                  <div class="textarea">
                    <textarea name="textarea" cols="1" rows="1"></textarea>
                  </div>
                </div>
                Your Message:<br />
              </div>
              <div class="wrapper"> <a href="#" class="button"><span><span>send</span></span></a> <a href="#" class="button marg_right1"><span><span>clear</span></span></a> </div>
            </div>
          </form>
        </div>
      </div>
    </section>
  </div>
</div>
<div class="main">
  <footer>
    <div class="wrapper">
      <article class="col1">
        <div class="pad">
          <h2>Protecting Your Info</h2>
          <p>The latest on keeping your personal info safe and secure.</p>
          <ul class="list1">
            <li><a href="#">Security Alerts</a></li>
            <li><a href="#">Avoiding Scams</a></li>
          </ul>
        </div>
      </article>
      <article class="col2 pad_left1">
        <div class="pad">
          <div class="wrapper">
            <article class="cols">
              <h2>Newsletter</h2>
              <form id="form_1" action="#" method="post">
                <div>
                  <div class="bg">
                    <input class="input" type="text" value="Enter email here" onBlur="if(this.value=='') this.value='Enter email here'" onFocus="if(this.value =='Enter email here' ) this.value=''" />
                  </div>
                  <a href="#" class="submit"><span><span>Submit</span></span></a> <a href="#">Unsubscribe</a> </div>
              </form>
            </article>
            <article class="cols pad_left1">
              <h2>Customer Log In</h2>
              <form id="form_2" action="#" method="post">
                <div>
                  <div class="bg left">
                    <input class="input input1" type="text" value="Enter user ID here"    onblur="if(this.value=='') this.value='Enter user ID here'" onFocus="if(this.value =='Enter user ID here' ) this.value=''" />
                  </div>
                  <div class="bg right">
                    <input class="input input2" type="password" value="••••••••••" onBlur="if(this.value=='') this.value='••••••••••'" onFocus="if(this.value =='••••••••••' ) this.value=''"     />
                  </div>
                  <a href="#" class="submit"><span><span>login</span></span></a> <a href="#">Forgot password?</a>   <a href="#">Sign up</a> </div>
              </form>
            </article>
          </div>
        </div>
      </article>
    </div>
    <div class="under2"></div>
    <div class="footerlink">
      <p class="lf">Copyright © 2010 <a href="#">SiteName</a> - All Rights Reserved</p>
      <p class="rf">Design by <a href="https://www.templatemonster.com/">TemplateMonster</a></p>
      <div style="clear:both;"></div>
    </div>
  </footer>
</div>
<script type="text/javascript"> Cufon.now(); </script>
<!-- END PAGE SOURCE -->
</body>
</html>
 
Soll per script das submit ausgelöst werden?
Das ist kein submit , sondern ein link (send)
 
Die Mail muss verschickt und bei mir auch angekommen sein
ob per Script oder Brieftaube, egal ^^
 
Da fehlt halt nen (java)script zum formular absenden, so wie es jetzt aufgebaut ist.
Sonst könntest du den HTML Code ändern, damit es funktioniert.


<a href="#" class="button submit">

<script>
$('a.submit').on('click',function(){
$('#ContactForm').submit();
});
</script>
 
Wieso denn nicht einfach einen Button einbauen? Da braucht's nun wahrlich kein JS für. <button type="submit"> bzw. <input type="submit"> sind doch genau dafür da.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben