HTML/Overzicht tags/input: verschil tussen versies
Versie 267199 van 145.72.98.1 (overleg) ongedaan gemaakt |
|||
| Regel 8: | Regel 8: | ||
| Titel=Een voorbeeld van het gebruik van de ''input''-tag |
| Titel=Een voorbeeld van het gebruik van de ''input''-tag |
||
| Code= |
| Code= |
||
< |
<syntaxhighlight lang="HTML"> |
||
<input type="text" name="tekstvak" value="Dit is een tekstvak" /> |
<input type="text" name="tekstvak" value="Dit is een tekstvak" /> |
||
<input type="password" name="passwoord" value="Dit is een passwoord" /> |
<input type="password" name="passwoord" value="Dit is een passwoord" /> |
||
| Regel 19: | Regel 19: | ||
<input type="hidden" name="verborgen" value="Dit is een verborgen veld" /> |
<input type="hidden" name="verborgen" value="Dit is een verborgen veld" /> |
||
<input type="file" name="bestand" /> |
<input type="file" name="bestand" /> |
||
</syntaxhighlight> |
|||
</source> |
|||
}} |
}} |
||
Huidige versie van 1 jun 2020 om 15:12
Functie[bewerken]
Hiermee kunnen worden formuliervelden worden gedefinieerd waarmee de gebruiker gegevens kan invoeren. Met de input tag kun je verschillende soorten invoervelden aanmaken, namelijk een tekstvak, een speciaal veld voor passwoorden in te voeren, een aankruisvak, een keuzerondje, een verzendknop, een resetknop, een gewone knop, een afbeelding gebruiken als verzendknop, een verborgen veld en een invoerveld om een bestand mee in te laden.
Voorbeeld[bewerken]
HTML-code: Een voorbeeld van het gebruik van de input-tag
<input type="text" name="tekstvak" value="Dit is een tekstvak" />
<input type="password" name="passwoord" value="Dit is een passwoord" />
<input type="checkbox" name="aankruisvak" value="Dit is een aankruisvak" />
<input type="radio" name="keuzerondje" value="Dit is een keuzerondje" />
<input type="submit" name="verzend" value="Dit is een verzendknop" />
<input type="reset" name="reset" value="Dit is een resetknop" />
<input type="button" name="button" value="Dit is een knop" />
<input type="image" name="afbeelding" value="Dit is een afbeelding als verzendknop" />
<input type="hidden" name="verborgen" value="Dit is een verborgen veld" />
<input type="file" name="bestand" />
Optionele attributen[bewerken]
accept[bewerken]
align[bewerken]
alt[bewerken]
checked[bewerken]
disabled[bewerken]
maxlength[bewerken]
name[bewerken]
readonly[bewerken]
size[bewerken]
src[bewerken]
- Waarde: URL
Wordt alleen gebruikt als het type image is. Hier moet je adress geven naar de afbeelding die wordt gebruikt als knop.
type[bewerken]
- Waarde: button, checkbox, file, hidden, image, password, radio, reset, submit of text
Bepaalt wat voor een invoerveld er wordt gebruikt.
value[bewerken]
Standaardattributen[bewerken]
Status[bewerken]
Opgenomen in HTML 4.01 transitional, frameset en strict.
Opmerkingen en tips[bewerken]
In HTML heeft de input tag geen eindtag in XHTML moet er een eindtag komen(<input ... />).
Meer informatie[bewerken]
- Handleiding HTML (Nederlands)
- w3schools (Engels)