Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leer Formulieren Verbeteren met Invoerattributen | HTML-Formulieren en Gebruikersinvoer
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
Ultimate HTML

bookFormulieren Verbeteren met Invoerattributen

HTML-<input>-elementen kunnen worden aangepast met attributen die hun gedrag wijzigen. Hieronder staan enkele van de meest gebruikte attributen.

value

Stelt de beginwaarde van een invoerveld in.

  • Voor knoppen: bepaalt de knoptekst;
  • Voor tekst-/wachtwoordvelden: stelt de standaardtekst in;
  • Voor selectievakjes/radioknoppen: bepaalt de waarde die wordt verzonden wanneer geselecteerd.
Note
Opmerking

value kan niet worden gebruikt met type="file".

index.html

index.html

copy

autofocus

Automatisch de focus op een invoerveld plaatsen wanneer de pagina laadt.

Note
Opmerking

Dit werkt niet in het onderstaande voorbeeld omdat, wanneer je op Code uitvoeren drukt, de pagina niet opnieuw laadt.

index.html

index.html

copy

required

Maakt een invoerveld verplicht. Het formulier kan niet worden verzonden totdat het veld is ingevuld.

index.html

index.html

copy

placeholder

Toont hulpftekst in het invoerveld totdat de gebruiker begint te typen. Handig voor formaten zoals telefoonnummers of kaartgegevens.

index.html

index.html

copy
Note
Opmerking

Elk voorbeeld gebruikt verschillende type-attributen, die het gedrag van het invoerveld beïnvloeden. In het volgende hoofdstuk worden invoertypen verder onderzocht.

1. Welk attribuut wordt gebruikt om de standaardwaarde voor een invoerelement in te stellen?

2. Welk attribuut wordt gebruikt om een hint of een voorbeeld van de verwachte waarde voor een input-element in te stellen?

3. Welk attribuut wordt gebruikt om aan te geven dat een invoerveld moet worden ingevuld voordat het formulier wordt verzonden?

question mark

Welk attribuut wordt gebruikt om de standaardwaarde voor een invoerelement in te stellen?

Select the correct answer

question mark

Welk attribuut wordt gebruikt om een hint of een voorbeeld van de verwachte waarde voor een input-element in te stellen?

Select the correct answer

question mark

Welk attribuut wordt gebruikt om aan te geven dat een invoerveld moet worden ingevuld voordat het formulier wordt verzonden?

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 5. Hoofdstuk 4

Vraag AI

expand

Vraag AI

ChatGPT

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

bookFormulieren Verbeteren met Invoerattributen

Veeg om het menu te tonen

HTML-<input>-elementen kunnen worden aangepast met attributen die hun gedrag wijzigen. Hieronder staan enkele van de meest gebruikte attributen.

value

Stelt de beginwaarde van een invoerveld in.

  • Voor knoppen: bepaalt de knoptekst;
  • Voor tekst-/wachtwoordvelden: stelt de standaardtekst in;
  • Voor selectievakjes/radioknoppen: bepaalt de waarde die wordt verzonden wanneer geselecteerd.
Note
Opmerking

value kan niet worden gebruikt met type="file".

index.html

index.html

copy

autofocus

Automatisch de focus op een invoerveld plaatsen wanneer de pagina laadt.

Note
Opmerking

Dit werkt niet in het onderstaande voorbeeld omdat, wanneer je op Code uitvoeren drukt, de pagina niet opnieuw laadt.

index.html

index.html

copy

required

Maakt een invoerveld verplicht. Het formulier kan niet worden verzonden totdat het veld is ingevuld.

index.html

index.html

copy

placeholder

Toont hulpftekst in het invoerveld totdat de gebruiker begint te typen. Handig voor formaten zoals telefoonnummers of kaartgegevens.

index.html

index.html

copy
Note
Opmerking

Elk voorbeeld gebruikt verschillende type-attributen, die het gedrag van het invoerveld beïnvloeden. In het volgende hoofdstuk worden invoertypen verder onderzocht.

1. Welk attribuut wordt gebruikt om de standaardwaarde voor een invoerelement in te stellen?

2. Welk attribuut wordt gebruikt om een hint of een voorbeeld van de verwachte waarde voor een input-element in te stellen?

3. Welk attribuut wordt gebruikt om aan te geven dat een invoerveld moet worden ingevuld voordat het formulier wordt verzonden?

question mark

Welk attribuut wordt gebruikt om de standaardwaarde voor een invoerelement in te stellen?

Select the correct answer

question mark

Welk attribuut wordt gebruikt om een hint of een voorbeeld van de verwachte waarde voor een input-element in te stellen?

Select the correct answer

question mark

Welk attribuut wordt gebruikt om aan te geven dat een invoerveld moet worden ingevuld voordat het formulier wordt verzonden?

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 5. Hoofdstuk 4
some-alt