Hierbij een overzicht van veel-gebruikte invoervelden (het name-attribuut werd nergens toegevoegd).
Kijk op W3 Schools voor een volledig overzicht.
| Basis invoervelden | |||
|---|---|---|---|
| Tekst |
Gewone tekst intypen. size: zichtbare breedte (in tekens) maxlength: maximale lengte van de invoer |
<input type="text" maxlength="20" size="15">
|
|
| Wachtwoord | Speciaal tekstveld waarin de ingevoerde tekst verborgen wordt door zwarte bollen. |
<input type="password" maxlength="20" size="15">
|
|
| Invoerveld via keuze (met pijltjes of muisklik) | |||
| Nummer |
Kies een numerieke waarde. min: minimale waarde max: maximale waarde step: stapgrootte |
<input type="number" min="1" max="100" step="5">
|
|
| Tijd | Kies een tijdstip. |
<input type="time">
|
|
| Datum | Selecteer een datum. |
<input type="date">
|
|
| Kleur | Kies een kleur via een pop-up venster. |
<input type="color">
|
|
| Tekstvelden voor specifieke invoer | |||
| Een tekstveld voor een e-mailadres. De browser controleert of het formaat geldig is. |
<input type="email">
|
||
| URL | Een tekstveld voor een webadres. De browser controleert of het formaat geldig is. |
<input type="url">
|
|
| Telefoonnummer | Een tekstveld voor een telefoonnummer. De browser voert geen controle uit. |
<input type="tel">
|
|