contactformulier template werkend maken

Status
Niet open voor verdere reacties.
R

rob1970

Gebruiker
Lid geworden
14 jan 2012
Berichten
309
Goedenmiddag,

ik heb een kant en klare template gebruikt waar een contactpagina bijzit.
Ik ben al 3 uur bezig geweest om deze werkend te krijgen, helaas zonder succes.
Ergens in de broncode staat:"<form id="ContactForm" action="#">"
Ik heb het idee dat ik daar iets moet invullen of zo maar ik kom er echt niet uit.

Ik heb de volledige broncode gekopieerd en hieronder geplakt.
Weet iemand wat ik moet doen??

Alvast bedankt.

Hier heb ik de template vandaan; http://all-free-download.com/free-website-templates/ellen_white_template_2386.html



<!DOCTYPE html>
<html lang="en">
<head>
<title>Ellen White | Contact</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.5.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/Terminal_Dosis_300.font.js"></script>
<script type="text/javascript" src="js/atooltip.jquery.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<style type="text/css">.bg {behavior:url("js/PIE.htc")}</style>
<![endif]-->
</head>
<body id="page6">
<div class="body1">
<div class="body2">
<div class="body3">
<div class="main">
<!-- header -->
<header>
<div class="wrapper">
<h1><a href="index.html" id="logo"></a></h1>
<form id="search" action="#" method="post">
<div>
<input type="submit" class="submit" value="">
<input class="input" type="text" value="Site Search" onBlur="if(this.value=='') this.value='Site Search'" onFocus="if(this.value =='Site Search' ) this.value=''">
</div>
</form>
<nav>
<ul id="menu">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="folio.html">Folio</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="news.html">News</a></li>
<li id="active" class="end"><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!-- / header-->
<!-- content -->
<section id="content">
<div class="wrapper">
<h2>Contact Form</h2>
<form id="ContactForm" action="#">
<div>
<div class="wrapper"> <span>Your Name:</span>
<input type="text" class="input" >
</div>
<div class="wrapper"> <span>Your E-mail:</span>
<input type="text" class="input" >
</div>
<div class="textarea_box"> <span>Your Message:</span>
<textarea name="textarea" cols="1" rows="1"></textarea>
</div>
<span>&nbsp;</span> <a href="#" class="button">Clear</a> <a href="#" class="button">Send</a> </div>
</form>
</div>
</section>
</div>
</div>
</div>
</div>
<div class="body4">
<div class="main">
<section id="content2">
<div class="line2 wrapper">
<div class="wrapper">
<article class="col1">
<h2>Miscellaneous</h2>
<div class="pad"> Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est. </div>
</article>
<article class="col2 pad_left1">
<h2>My Contacts</h2>
<div class="pad"> <span class="col3"> <strong> Country:<br>
State:<br>
City:<br>
Telephone:<br>
Email: </strong> </span> USA<br>
California<br>
San Diego<br>
+354 5635600<br>
<a href="#">elenwhite@mail.com</a> </div>
</article>
</div>
</div>
</section>
</div>
</div>
<!-- / content -->
<div class="main">
<!-- footer -->
<footer>
<div class="wrapper"> <span class="left"> Copyright &copy; <a href="#">Domain Name</a> All Rights Reserved<br>
Design by <a target="_blank" href="http://www.templatemonster.com/">TemplateMonster.com</a><br>
</span>
<ul id="icons">
<li><a href="#" class="normaltip" title="Facebook"><img src="images/icon1.png" alt=""></a></li>
<li><a href="#" class="normaltip" title="Delicious"><img src="images/icon2.png" alt=""></a></li>
<li><a href="#" class="normaltip" title="Stumble Upon"><img src="images/icon3.png" alt=""></a></li>
<li><a href="#" class="normaltip" title="Twitter"><img src="images/icon4.png" alt=""></a></li>
<li><a href="#" class="normaltip" title="Linkedin"><img src="images/icon5.png" alt=""></a></li>
<li><a href="#" class="normaltip" title="Reddit"><img src="images/icon6.png" alt=""></a></li>
</ul>
</div>
<!-- {%FOOTER_LINK} -->
</footer>
<!-- / footer -->
</div>
<script type="text/javascript">Cufon.now();</script>
<div align=center>This template downloaded form <a href='http://all-free-download.com/free-website-templates/'>free website templates</a></div></body>
</html>
 
Waarom uw hersenen pijnigen met dit gedownload contactformulier willen werkend te maken. Ik zou ook niet weten hoe, maar wat ik wel weet dat ik voor mijn website zelf in DW een contactformulier gemaakt heb en dit vlekkeloos werkt.
Maak zelf je formulier.
Mvg,
Jeanmi
 
Je hebt inderdaad nog wat dingen te doen, bij action="" moet je een verwijzing opnemen naar een pagina waar server side de inhoud van het formulier wordt verwerkt. Zie bijvoorbeeld: http://www.freecontactform.com/email_form.php

Daarnaast mist het formulier de nodige identifiers:
Code: 
<input type="text" class="input" >
Dit moet iets zijn als
Code: 
<input type="text" class="input" id="name"/>
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan