Hallo zusammen,
ich habe bereits eine Seite (contacts.html), mit Schaltflächen usw. Jetzt möchte ich per PHP ein Kontaktformualar, was mir die Nachricht einfach per E-Mail schickt. Dürfte ja nicht all zu schwer sein. Doch wie lege ich die Aktion XYZ auf die jeweilige Schaltfläche fest?
Gibts fertige Scripte, ohne Design?
Hier mal mein HTML-Code:
HTML
<!DOCTYPE html>
<html lang="de">
<head>
<title>Kontakt</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/grid_12.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
<script src="js/jquery-1.7.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/cufon-yui.js"></script>
<script src="js/cufon-replace.js"></script>
<script src="js/Kozuka_L_300.font.js"></script>
<script src="js/Kozuka_B_700.font.js"></script>
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
<![endif]-->
</head>
<body>
<!--==============================header=================================-->
<header>
<div class="main">
<h1><a href="index.html"><img src="images/logoheader.png" alt=""></a></h1>
<div class="social-icons">
<span>Follow Us:</span>
<a href="#" class="icon-3"></a>
</div>
<div class="clear"></div>
</div>
</header>
<nav>
<ul class="menu">
<li class="current"><a href="index.html">Home</a></li>
<li><a href="breeding.html">Über</a></li>
<li><a href="gaestebuch/index.php">Gästebuch</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="gallery.html">Gallerie</a></li>
<li><a href="contacts.html">Kontakt</a></li>
</ul>
<div class="clear"></div>
</nav>
<!--==============================content================================-->
<section id="content"><div class="ic"></div>
<div class="container_12 top-4">
<div class="grid_4">
<h2>Contact Us</h2>
<div class="map">
</iframe>
</div>
<dl class="adr">
<dt>8901 Marmora Road, <br>Glasgow, D04 89GR.</dt>
<dd><span>Telephone: </span>+1 800 603 6035<div class=""></div></dd>
<dd><span>E-mail: </span><a href="#" class="link">mail@demolink.org</a></dd>
</dl>
</div>
<div class="grid_8">
<div class="left-1">
<h2>Contact Form</h2>
<form id="form" method="post" >
<fieldset>
<label><strong>Name:</strong><input type="text" value=""></label>
<label><strong>Email:</strong><input type="text" value=""></label>
<label><strong>Phone:</strong><input type="text" value=""></label>
<label><strong>Message:</strong><textarea></textarea></label>
<div class="btns"><a href="#" class="button">Clear</a><a href="#" class="button" onClick="document.getElementById('form').submit()">Senden</a></div>
</fieldset>
</form>
</div>
</div>
<div class="clear"></div>
</div>
</section>
<!--==============================footer=================================-->
<footer>
<div class="footer-col-1">
<h3>Warum ich?</h3>
<ul class="list-1">
<li>Seit dem 2. Lebensjahr auf dem Pferderücken.</li>
<li>Viele Erfolge</li>
</ul>
</div>
<div class="footer-col-2">
<h3>Addresse</h3>
<dl class="adrss">
<dd><span>Land:</span>DE</dd>
<dd><span>Stadt:</span></dd>
<dd><span>Email:</span><a href="#" class="link"></a></dd>
</dl>
</div>
<div class="footer-col-3">
<h3>Newsletter</h3>
<form id="form-search" method="post">
<input type="text" value="" onBlur="if(this.value=='') this.value=''" onFocus="if(this.value =='' ) this.value=''" /><a href="#" onClick="document.getElementById('form-search').submit()"></a>
</form>
</div>
<div class="footer-col-4">
<p>© 2013 <br>All Rights Reserved.<br>
<a rel="nofollow" href="http://www.templatemonster.com/" target="_blank" class="link">Website Template</a> by TemplateMonster.com</p>
<p><strong>Coded by JB</strong></p>
</div>
</footer>
<script>
Cufon.now();
</script>
</body>
</html>
Alles anzeigen
Dies ist meine erste Homepage und noch im Aufbau, deswegen nicht meckern
Vielen Dank im Voraus
Racerj