HTML-Invoerattributen voor Verbeterde Functionaliteit
We weten al hoe we formulieren bouwen met invoervelden en labels. Nu bekijken we andere nuttige attributen voor invoerelementen die hun functionaliteit en bruikbaarheid vergroten.
Algemene attributen voor invoerelementen
Placeholder
placeholder biedt een hint of voorbeeldtekst binnen het invoerveld, waarmee gebruikers worden geïnformeerd over het verwachte type invoer. Nuttig voor het geven van context of instructies aan gebruikers voordat zij gegevens invoeren.
<input type="text" placeholder="Enter your email" />
Name
name specificeert de naam van het invoerveld, die wordt gebruikt om de invoergegevens te identificeren wanneer het formulier wordt verzonden. Elk invoerveld binnen een formulier dient een unieke name-attribuut te hebben.
<input type="text" name="username" />
Value
value stelt de initiële of standaardwaarde van het invoerveld in. Vult het invoerveld vooraf in met een specifieke waarde wanneer de pagina wordt geladen.
<input type="tel" value="+1 (484) 298-9732" />
Verplicht
required geeft aan dat het invoerveld moet worden ingevuld voordat het formulier kan worden verzonden. Voorkomt het verzenden van het formulier als het verplichte veld leeg blijft.
<input type="password" required />
Uitgeschakeld
disabled schakelt het invoerveld uit, waardoor gebruikers er niet mee kunnen communiceren of gegevens kunnen invoeren. Geschikt voor het tonen van alleen-lezen of inactieve invoervelden.
<input type="text" value="New York" disabled />
Alleen-lezen
readonly maakt het invoerveld alleen-lezen, zodat gebruikers de waarde kunnen zien maar niet kunnen wijzigen. Vergelijkbaar met het attribuut disabled, maar het veld kan nog steeds worden gefocust en geselecteerd.
<input type="text" value="USA" readonly />
Min en Max
min en max specificeren de minimale en maximale toegestane waarden voor numerieke invoervelden. Nuttig voor het afdwingen van beperkingen op numerieke invoer, zoals leeftijd of hoeveelheid.
<input type="number" min="21" max="99" />
Voorbeeld: Beschouwing van een voorbeeld dat alle benodigde attributen en elementen voor het formulier bevat.
index.html
Videotutorial
1. Welke attribuut biedt een hint of voorbeeldtekst binnen een invoerveld, zodat gebruikers weten welk type invoer wordt verwacht?
2. Welk attribuut specificeert de naam van het invoerveld, die wordt gebruikt om de invoergegevens te identificeren wanneer het formulier wordt verzonden?
3. Welke attribuut voorkomt het verzenden van het formulier als het verplichte veld leeg blijft?
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
Can you explain the difference between the disabled and readonly attributes?
What happens if I don't set a name attribute for an input field in a form?
Can you give more examples of using min and max with different input types?
Awesome!
Completion rate improved to 3.13HTML-Invoerattributen voor Verbeterde Functionaliteit
Veeg om het menu te tonen
We weten al hoe we formulieren bouwen met invoervelden en labels. Nu bekijken we andere nuttige attributen voor invoerelementen die hun functionaliteit en bruikbaarheid vergroten.
Algemene attributen voor invoerelementen
Placeholder
placeholder biedt een hint of voorbeeldtekst binnen het invoerveld, waarmee gebruikers worden geïnformeerd over het verwachte type invoer. Nuttig voor het geven van context of instructies aan gebruikers voordat zij gegevens invoeren.
<input type="text" placeholder="Enter your email" />
Name
name specificeert de naam van het invoerveld, die wordt gebruikt om de invoergegevens te identificeren wanneer het formulier wordt verzonden. Elk invoerveld binnen een formulier dient een unieke name-attribuut te hebben.
<input type="text" name="username" />
Value
value stelt de initiële of standaardwaarde van het invoerveld in. Vult het invoerveld vooraf in met een specifieke waarde wanneer de pagina wordt geladen.
<input type="tel" value="+1 (484) 298-9732" />
Verplicht
required geeft aan dat het invoerveld moet worden ingevuld voordat het formulier kan worden verzonden. Voorkomt het verzenden van het formulier als het verplichte veld leeg blijft.
<input type="password" required />
Uitgeschakeld
disabled schakelt het invoerveld uit, waardoor gebruikers er niet mee kunnen communiceren of gegevens kunnen invoeren. Geschikt voor het tonen van alleen-lezen of inactieve invoervelden.
<input type="text" value="New York" disabled />
Alleen-lezen
readonly maakt het invoerveld alleen-lezen, zodat gebruikers de waarde kunnen zien maar niet kunnen wijzigen. Vergelijkbaar met het attribuut disabled, maar het veld kan nog steeds worden gefocust en geselecteerd.
<input type="text" value="USA" readonly />
Min en Max
min en max specificeren de minimale en maximale toegestane waarden voor numerieke invoervelden. Nuttig voor het afdwingen van beperkingen op numerieke invoer, zoals leeftijd of hoeveelheid.
<input type="number" min="21" max="99" />
Voorbeeld: Beschouwing van een voorbeeld dat alle benodigde attributen en elementen voor het formulier bevat.
index.html
Videotutorial
1. Welke attribuut biedt een hint of voorbeeldtekst binnen een invoerveld, zodat gebruikers weten welk type invoer wordt verwacht?
2. Welk attribuut specificeert de naam van het invoerveld, die wordt gebruikt om de invoergegevens te identificeren wanneer het formulier wordt verzonden?
3. Welke attribuut voorkomt het verzenden van het formulier als het verplichte veld leeg blijft?
Bedankt voor je feedback!
