Opbouw van een formulier

<input>

m iets in te laten vullen in een formulier gebruik je de opmaakcode <input>.

Om de gegevens zinnig te kunnen verwerken geeft je elke <input> een naam (name). Als er meer dan één mogelijkheid is, ken je aan die namen waardes toe (value). Op die manier kun je de gegevens van elkaar onderscheiden en verder verwerken.

size bepaalt de lengte van een veld voor <input>. De bezoeker kan rustig doortikken als het niet past. Gebruik maxlength om dit indien nodig te verhinderen.

Er zijn er diverse types <input>. Onderscheiden worden:

1. text
2. hidden
3. password
4. radio
5. checkbox
6. submit
7. reset
8. image
9. button
10. file

1. text - invoer van één regel, bijvoorbeeld een naam.

   Hoe heet je?<br>
   <input type="text" name="naam">

   heeft als resultaat:
   Hoe heet je?
   
   Voor invoer van langere steksten gebruik je <textarea>.
2. hidden - dit is handig om het adres waar het formulier heen moet en andere techno-babbel niet op het scherm te zetten.
   
3. password - de werkelijke invoer wordt als sterretjes op het scherm gezet

   <input type="password" name="wachtwoord"
    size=8 maxlength=8 >
4. radio - om keuzerondjes te maken. Als je meer dan één keuzerondje gebruikt, is er sprake van een reeks (array). Als je wilt kun je een keuzerondje alvast aanzetten met de optie checked.

   <input type="radio" name="test"
    value="Keuze 1">Keuze 1
   <input type="radio" name="test"
    value="Keuze 2">Keuze 2
   

   Keuze 1
   Keuze 2
   Met de optie checked:

   <input type="radio" name="test"
    value="1" checked>Keuze 1
   <input type="radio" name="test"
    value="2">Keuze 2
   

   Keuze 1
   Keuze 2
5. checkbox - om aankruisvakjes te maken. Dit is handig als je de bezoeker meer dan één mogelijkheid wil laten aangeven. Als je meer dan één gebruikt, is er sprake van een reeks (array ). Als je wil kun je aankruisvakje alvast aanzetten met de optie checked.

   <input type="checkbox" name="test"
    value="1">Keuze 1
   <input type="checkbox" name="test"
    value="2">Keuze 2

   Keuze 1
   Keuze 2
   Met de optie checked:

   <input type="checkbox" name="test"
    value="1" checked>Keuze 1
   <input type="checkbox" name="test"
    value="Keuze 2">Keuze 2

   Keuze 1
   Keuze 2
6. submit - knop om het formulier mee te verzenden.

   <input type="submit" value="Verzenden">
7. reset - knop waarmee de bezoeker alles kan wissen wat hij in het formulier heeft ingevuld.

   <input type="reset" value="Wissen">
8. image - het gebruik van een plaatje in plaats van submit om een formulier te versturen.

   <input type="image" src="img/mees.gif"
    border=0>
9. button - deze gebruik je in formulieren met JavaScript. Bijvoorbeeld voor het maken van een wegwijzer.
10. file - om een bestand mee te sturen.
    
    » Meer over <input type="file">