freestyler12
Gebruiker
- Lid geworden
- 7 aug 2011
- Berichten
- 494
Beste lezer,
Ik wil graag een contact pagina maken zodat mensen daar hun email adres kunnen invoeren en hun bericht/onderwerp en dat het dan automatisch naar mijn email adres wordt gestuurd.. is dit mogelijk?
Dit heb ik nu:
Het gaat dus eigenlijk om dit stukje:
Groet,
Jan
Ik wil graag een contact pagina maken zodat mensen daar hun email adres kunnen invoeren en hun bericht/onderwerp en dat het dan automatisch naar mijn email adres wordt gestuurd.. is dit mogelijk?
Dit heb ik nu:
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Contact - Janvandertuin</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<!--[if IE 9]>
<link rel="stylesheet" type="text/css" href="css/ie9.css" />
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="css/ie8.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="css/ie7.css" />
<![endif]-->
</head>
<body>
<div id="header">
<div>
<div id="logo">
<a href="index.html"><img src="images/logo goed.jpg" alt="Logo" /></a>
</div>
<div id="navigation">
<div>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">Over mij</a></li>
<li class="current"><a href="contact.html">Contact Us</a></li>
<li><a href="whychoose.html">waarom?</a></li>
<li><a href="blog.html">Blog</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="content">
<div>
<h3>Contacteer mij</h3>
<p> </p>
<form action="#">
<table>
<tr>
<td>Naam:</td>
<td><input type="text" maxlength="30" id="name" /> </td>
<td><label class="email" for="email">Email:</label></td>
<td><input type="text" maxlength="30" id="email" /></td>
</tr>
<tr>
<td><label for="subject"><strong>Onderwerp:</strong></label></td>
<td><input type="text" maxlength="30" id="subject" /></td>
</tr>
<tr>
<td class="message"><label for="message"><strong>Bericht:</strong></label></td>
<td colspan="3"><textarea name="message" id="message" cols="30" rows="10"></textarea></td>
</tr>
<tr>
<td></td>
<td colspan="2"><label class="newsletter" for="newsletter"><input type="checkbox" id="newsletter" />
Aanmelden voor nieuwsbrief
</label> <label for="terms"><input type="checkbox" id="terms" />
Ik accepteer de voorwaarden
</label></td>
<td colspan="1"><input type="submit" value="" id="send" /></td>
</tr>
</table>
</form>
</div>
</div>
<div id="footer">
<div>
<div class="first">
<h3><a href="index.html">Janvandertuin</a></h3>
<p>Heb je ideeën of wil je wat kwijt stuur een email!</p>
<div>
<p>Email : <span>E-MAILADRES VERWIJDERD - Stuur een privébericht naar deze gebruiker i.p.v. een e-mail.</span></p>
</div>
</div>
<div>
<h3>Sociale media</h3>
<p>Volg me op Twitter en voeg me toe op Facebook!</p>
<div>
<a href="http://www.facebook.com/jan.vandertuin.37" class="facebook" target="_blank"></a>
<a href="http://twitter.com/janvandertuin1" class="twitter" target="_blank"></a>
</div>
</div>
<div>
<h3>Deel je ideeën!</h3>
<p>Voer je email adres in en deel je ideeën!</p>
<form action="#">
<label for="subscribe"><input type="text" id="subscribe" maxlength="30" value="email address" /></label>
<input class="submit" type="submit" value="" />
</form>
<p>Copyright © 2012 Janvandertuin Incorporated <br />LRP 727 6783 83839 All rights reserved</p>
</div>
</div>
</div>
</body>
</html>Het gaat dus eigenlijk om dit stukje:
HTML:
<h3>Contacteer mij</h3>
<p> </p>
<form action="#">
<table>
<tr>
<td>Naam:</td>
<td><input type="text" maxlength="30" id="name" /> </td>
<td><label class="email" for="email">Email:</label></td>
<td><input type="text" maxlength="30" id="email" /></td>
</tr>
<tr>
<td><label for="subject"><strong>Onderwerp:</strong></label></td>
<td><input type="text" maxlength="30" id="subject" /></td>
</tr>
<tr>
<td class="message"><label for="message"><strong>Bericht:</strong></label></td>
<td colspan="3"><textarea name="message" id="message" cols="30" rows="10"></textarea></td>
</tr>
<tr>
<td></td>
<td colspan="2"><label class="newsletter" for="newsletter"><input type="checkbox" id="newsletter" />
Aanmelden voor nieuwsbrief
</label> <label for="terms"><input type="checkbox" id="terms" />
Ik accepteer de voorwaarden
</label></td>
<td colspan="1"><input type="submit" value="" id="send" /></td>
</tr>
</table>
</form>
</div>
</div>Groet,
Jan
Laatst bewerkt:
