Formulieren maken
Op deze pagina gaan we leren forms te maken.
Ten eerste hebben we een tag om het begin van een form aan te kondigen: de <form> tag.
De attributen:
1: action: het cgi of php-script die het formulier verwerkt, dat kan een andere pagina zijn, maar ook dezelfde. dit is een verplicht attribuut
2: method: dit kan get (bijv. pagina.php?inputnaam=ingevoerdewaar&...) of post (via de interne url) zijn. Als je dit niet invult, is dit automatisch get.
3: target: als je een iframe hebt kan je de naam van het betreffende iframe invoeren.
4: Name: De naam, bijv van toepassing bij javascript.
Voorbeeld:
<form name='form' target='iframe' method='post' action='verwerk.php'>
<!-- Onderdelen in form -->
</form>
Goed, nu kunnen we het formulier gaan maken met de <input> tag. Deze tag kan verschillende attributen hebben:
1: type:
password (voor wachtwoorden, dan krijg je in plaats van text ***)
text (voor gewone text)
reset (om het formulier helemaal leeg te maken)
submit (om het formulier te verzenden)
image (submit knop, alleen dan een plaatje)
radio (een aankruisbolletje)
checkbox (vierkant boxje die je aan kan kruizen)
hidden (verborgen veld)
file (bestanden uploaden)
2: name: de naam van het veld
3: src: alleen van toepassing bij type image, bijv: <input type='image' src='plaatje.gif' />
4: maxlenght: de maximale lengte van het veld.
5: lenght: de breedte van het veld, hoe breedt het op het beeld weergeven wordt.
6: value: De voorgezette waarde van het veld.
voorbeeld:
<input type='hidden' name='verborgen' maxlenght='10' lenght='10' value='verborgen' />
Dit geeft een verborgen veld, dat je niet ziet, met als waarde: Verborgen.
Andere formulier element:
<textarea>, deze sluit je altijd af met </textarea>, een groot textvak met de volgende attributen:
1: name: hetzelfde als de name attribuut bij de <input> tag
2: cols: de lengte (in karakters)
3: rows: de hoogte(in regels)
4: wrap: het type van wrappen(bijv. virtual)
Voorbeeld: <textarea name='textarea' cols='50' rows='5' wrap='virtual'>De voorgezette text</textarea>