Velden met één regel.

Één-regelige velden worden meestal ingevuld met één of weinig woorden of een getal.

Voorbeeld:

Output

Toelichting:

<input ... > definieert een één-regelig veld. Volledigheidshalve dien je het volgende: type=text erbij te zetten.

Ieder veld moet een interne naam "name=..." hebben. De naam moet niet te lang zijn en mag geen spaties of speciale tekens bevatten. Een van de weinige tekens die kunnen is "_". Zet de naam tussen aanhalingstekens.

Verder verdient het aanbeveling om bij éénregelige velden de lengte met size= en ook de maximale lengte met maxlength= aan te geven. In beide gevallen gaat het om het aantal tekens. Als de input groter is dan het zichtbare veld, wordt er automatisch gescrolled.

Voorbeeld :

Toelichting:

Het voorbeeld laat zien hoe je met behulp van een blinde table de tekst en de de velden van een formulier overzichtelijk en netjes kunt formateren.

Tip:

Met behulp van JavaScript kun je de data van de bezoeker, vóór het versturen van het formulier, kontroleren. Je kunt bijvoorbeeld bepalen dat in een veld een "geldig" getal ingevuld moet worden. Een voorbeeld daarvan vind je verderop in de handleiding.

Een éénregelig veld met inhoud.

Je kunt ook in een veld alvast een "voorbeeld-inhoud" invullen.

Voorbeeld:

Toelichting:

<input ... > definieert een één-regelig veld. Volledigheidshalve moet je het volgende type=text erbij zetten.

Ieder veld moet ook een interne naam name= hebben. Die naam moet niet te lang zijn en mag geen spaties of speciale tekens bevatten. Een van de weinige tekens die kunnen is "_". Zet de naam tussen aanhalingstekens.

Verder verdient het aanbeveling om bij eenregelige velden de lengte met size= en ook de maximale lengte met maxlength= aan te geven. In beide gevallen gaat het om het aantal tekens. Als de input groter is dan het zichtbare veld, wordt er automatisch gescrolled.

Een veld voor een password.

Om geheime nummers, passwords enz. in te vullen bestaat er een speciaal soort veld. De ingetypte letters en/of cijfers worden dan door **** (sterretjes) vervangen, zodat andere personen niet -toevallig- het password mee kunnen lezen.

Voorbeeld:

Toelichting:

Password velden worden net zoals andere velden gedefinieerd. Met de extra aanduiding type=password bepaal je, dat het een password veld is.

Oppassen:

Passwords worden hoewel ze door middel van sterretjes worden getoond, op de normale zichtbare manier door het internet getransporteerd. Het verdient aanbeveling om bezoekers extra daarop te wijzen.

Een password veld in HTML op zich, is nog geen opdracht tot het versturen van -beschermde- www-pagina's. Indien je door een password beschermde pagina's wilt aanbieden kun je het beste eerst kontakt opnemen met je ISP.

Een veld, alleen lezen

Je kunt zelf bepalen dat een veld geen "inputveld" is, maar een "outputveld". Dat kan bijvoorbeeld interessant zijn indien je met JavaScript een bepaalde waarde in een veld wilt tonen.

Voorbeeld:

Indien dat zo is, kent deze browser het attribuut readonly niet.

Toelichting:

Met het attribuut readonly kun je een veld op "alleen_lezen" zetten.

Oppassen:

MS IE interpreteert readonly sinds versie 4.0, N pas vanaf versie 6.0.

Diversen:

"Universele attributen" in de <input> tag zijn mogelijk.

Formulieren kun je samen met CSS Style-Sheets gebruiken. Jammer genoeg kan N dat pas vanaf versie 6.0. MS IE 4.x interpreteert CSS Style-Sheets wel samen met formulier elementen.