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
Wil jij ook leren hoe je je eigen website kunt maken?
Wil jij tips en tricks om zo goed mogelijk zelf met alles aan de slag te kunnen?
Meld je hieronder aan voor de HTML-site nieuwsbrief en krijg elke week handige tips om een website te bouwen.
En je ontvangt meteen mijn GRATIS ebook HTML & CSS voor Beginners.
