Input tag

<input />

Definitie:
Met het element input kun je invoer verzamelen voor formulieren. Het is de basis van ieder formulier. Twee attributen zijn hierbij van groot belang, niet verplicht, maar toch. Type en name. Met type specificeer je om welk soort element het gaat en met name geef je het element een naam.

Voorbeeld:
<input type=”submit” name=”verzenden” value=”verzend formulier” />

Unieke attributen

type=”text

type=”password

type=”checkbox

type=”radio

type=”submit

type=”reset

type=”file

type=”hidden

type=”image

type=”button

Text maakt een regel voor de invoer van tekst. Korte invoer,
want voor lange invoer gebruik je textarea.
Password is hetzelfde als text, maar houdt het (wacht)woord
verborgen door sterretjes of punten.

Checkbox Produceert een selectievakje op het scherm waarbij er
meerdere opties tegelijk geselecteerd mogen worden.

Radio maakt een keuzerondje waarbij maar een optie gekozen
mag worden uit de reeks.

Submit verzamelt alle ingevoerde gegevens en stuurt deze met bijvoorbeeld
een CGI-script door. Met de waarde value kun je de naam wijzigen (Standaard:
‘submit’).

Reset wist de al ingevulde inhoud van het formulier en de
gebruiker kan weer opnieuw beginnen met invullen.

File maakt het mogelijk om bestanden te laten uploaden door
gebruikers. Deze moeten wel geaccepteerd zijn met het attribuut accept.

Hidden is een onzichtbaar invoerveld, maar wel handig om gegevens
voor jezelf te versturen.

Image produceert een klikbaar plaatje die je in plaats van
gewone knoppen kunt gebruiken.

Button creëert een knop voor het starten van een script.

name=”naam Hiermee geef je ieder invoerelement een unieke naam. Wanneer
het formulier wordt verstuurd is het noodzakelijk dat ieder
element een eigen naam heeft.
value=”waarde Met dit attribuut kun je het opschrift van de verzendknop en de
resetknop veranderen en een standaardwaarde aan een verborgen
veld of invoervak instellen.
checked=”checked Wanneer je dit gebruikt is een keuzerondje of een selectievakje
al aangevinkt.
disabled=”disabled Het element is wel zichtbaar, maar niet te gebruiken.
readonly=”readonly De invoer is alleen zichtbaar, maar niet aan te passen door
de gebruiker.
size=”getal Het aantal weer te geven tekens.
maxlenght=”getal Het maximum aantal tekens voor een tekstinvoer.
src=”url Bij image de plaats van het plaatje bepalen.
alt=”tekst Bij image de alternatieve tekst aangeven.
usemap=”kaartnaam Een imagemap als invoerelement laten functioneren.
tabindex=”getal Volgorde van de velden bij het indrukken van de tabtoets.
acceskey=”teken Sneltoets voor het betreffende invoerelement.
onfocus=”script Uit te voeren script bij invoerelement focus.
onblur=”script Uit te voeren script bij kwijtraken focus.
onselect=”script Verwijzen naar een script als de gebruiker een invoerelement
selceteert.
onchange=”script Uit te voeren script als er een waarde van een invoerelement wijzigt.
accept=”inhoudstype Wanneer je type=”file” selecteert bepaal je hiermee welke types
worden geaccepteerd.

Standaardattributen

Alle elementen XHTML1.0 Strict

Een reactie achterlaten

Het e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *