Dit formulier ziet er heel eenvoudig en simpel uit. De constructie is zo mogelijk nog makkelijker. Toch heeft dit formulier hele slimme eigenschappen. Ten eerste is de opbouw van de lay-out volkomen css, er is een procedure om de input te valideren en ook wordt er al gelijk focus gegeven in een door jou te kiezen veld. Het verwerken van het formulier is met de "POST" echt een fluitje van een cent en tot slot hoef ik eigenlijk niet meer te vermelden dat dit formulier cross-browser is.
Ik heb op deze pagina het formulier een beetje opgemaakt. De code die ik jou verstrek is "kaal". Als je even in de broncode van deze pagina kijkt kan je 'spieken' wat ik heb uitgespookt in de css.
Stop deze code in de head sectie van jouw pagina en plaats deze code-regels in de body sectie van jouw pagina (waar je het formulier wilt plaatsen). In de action".." van het formulier geef je de naam van de pagina waar je wat met de gegevens wilt doen. Voor het gemak geef ik je de broncode van de pagina die ik gebruik. Let er even goed op dat dit alleen als voorbeeld dient. Natuurlijk ga jij jouw eigen pagina maken met zijn eigen doel en layout: gebruik deze code gewoon als lei-draad.
De titel van deze pagina is: 'validerend formulier met POST en CSS layout'.
De sleutelwoorden zijn : formulier, post, css en controle.
De omschrijving is: 'een css formulier maken met POST en validatie van de invoer'.