Hoe maak ik dit op in html/css script?

De broncode kun je vinden op deze pagina:
http://marcozxq.comule.com/contact/plaats.php
(In je browser kun je de bron code ervan ophalen.)

Css's staan op deze pagina's:
http://marcozxq.comule.com/contact/style.css
http://marcozxq.comule.com/contact/fonts/BebasNeue/BebasNeue.css

Er zit één afbeelding in:
http://marcozxq.comule.com/images/bg.png

De font's zijn te vinden op de 2de css pagina.

Verder is er geen Javascript aanwezig.

Succes. :)

Je kan deze broncode niet overnemen om zelf een werkend contact script te hebben. Deze pagina is niet gemaakt met html, maar met de scripttaal php. Deze is niet te kopieeren omdat het script niet op je computer wordt uitgevoerd (client side) maar op de computer waar de internetpagina staat. (server side) Je browser vertaald het wel naar leesbare html, maar je hebt er weinig aan. Je kan even googlen naar php script voor contact formulieren. Het is tecnisch wel wat ingewikkelder dan html. Op bijvoorbeeld www.webmensen.nl kan je wel wat vinden.

Zoals kimwowboom al zegt, een dergelijk formulier bestaat uit twee delen. Het formulier zelf, dat in HTML gemaakt is, en het script aan de serverzijde, dat in een willekeurige scripting taal zoals PHP gemaakt is. In zijn simpelste vorm kun je als volgt beginnen:

HTML:

Naam:

E-mail:

Bericht:

Merk op dat het "action" attribuut van het form verwijst naar het script op de server. De namen van de input tags (resp. naam, email en bericht) moet je in het script weer gebruiken om de gegevens uit te lezen.

contact.php:





$naam = trim($_POST['naam']);
$email = trim($_POST['email']);
$bericht = trim($_POST['bericht']);

if (!(empty($naam) && empty($email) && empty($bericht)))
{
$body = "Naam: ".$naam."\n";
$body .= "Email: ".$email."\n";
$body .= "Bericht: ".$bericht."\n";
$body .= "IP: ".$_SERVER['REMOTE_ADDR'];


if (mail("jouw@mail.adres", "Bericht van website", $body))
{
echo("Bedankt voor uw bericht!");
}
else
{
echo("Foutje bedankt.");
}
}
else
{
echo('Terug');
}

?>


Dit script zet alle invoervelden in een mailtje. Als bonus zie je ook het IP adres van de afzender. Je kunt er natuurlijk ook iets anders mee doen, zoals bv. de gegevens in een database schrijven. Let op dat je in dat geval de invoer filtert met bv. mysql_real_escape_string().