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

bookGrondbeginselen van Formulieraanmaak in HTML

Het HTML-<form>-element is een fundamenteel bouwblok voor het maken van interactieve formulieren op een webpagina. Het dient als container voor alle formelementen. Hieronder volgt een voorbeeld van een eenvoudig formulier:

Note
Opmerking

Alle voorbeelden bevatten het attribuut onsubmit="return false" om het standaardgedrag van het verzenden van het formulier te voorkomen. Op deze manier blijft de focus liggen op het begrijpen van formuliercreatie en attributen.

index.html

index.html

copy

Uitleg van de form-attributen:

  • name identificeert het formulier voor zowel client als server. Het mag letters, cijfers, underscores en streepjes bevatten, maar geen spaties;
  • autocomplete bepaalt of de browser velden automatisch kan invullen (aan of uit). Kan worden toegepast op het formulier of op individuele invoervelden;
  • novalidate schakelt de ingebouwde browservalidatie uit, handig wanneer validatie handmatig met JavaScript wordt afgehandeld.

Overzicht van kindelementen

Binnen een <form> worden verschillende elementen gebruikt die de functionaliteit bepalen. <input> maakt het mogelijk voor gebruikers om gegevens in te voeren, zoals tekst, nummers, e-mails en wachtwoorden. In het voorbeeld gebruiken de velden type="email" en type="password". <label> biedt beschrijvende tekst voor invoervelden en verbetert de structuur en toegankelijkheid van het formulier. <button type="submit"> verstuurt de formuliergegevens. Standaard wordt hierdoor de pagina opnieuw geladen, maar dit gedrag kan worden overschreven met JavaScript.

question mark

Welk HTML-element wordt gebruikt om een verzendknop voor een formulier te maken?

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 5. Hoofdstuk 2

Vraag AI

expand

Vraag AI

ChatGPT

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

Suggested prompts:

Can you show me a complete example of a basic HTML form?

What are some common input types I can use inside a form?

How do I handle form submission with JavaScript?

bookGrondbeginselen van Formulieraanmaak in HTML

Veeg om het menu te tonen

Het HTML-<form>-element is een fundamenteel bouwblok voor het maken van interactieve formulieren op een webpagina. Het dient als container voor alle formelementen. Hieronder volgt een voorbeeld van een eenvoudig formulier:

Note
Opmerking

Alle voorbeelden bevatten het attribuut onsubmit="return false" om het standaardgedrag van het verzenden van het formulier te voorkomen. Op deze manier blijft de focus liggen op het begrijpen van formuliercreatie en attributen.

index.html

index.html

copy

Uitleg van de form-attributen:

  • name identificeert het formulier voor zowel client als server. Het mag letters, cijfers, underscores en streepjes bevatten, maar geen spaties;
  • autocomplete bepaalt of de browser velden automatisch kan invullen (aan of uit). Kan worden toegepast op het formulier of op individuele invoervelden;
  • novalidate schakelt de ingebouwde browservalidatie uit, handig wanneer validatie handmatig met JavaScript wordt afgehandeld.

Overzicht van kindelementen

Binnen een <form> worden verschillende elementen gebruikt die de functionaliteit bepalen. <input> maakt het mogelijk voor gebruikers om gegevens in te voeren, zoals tekst, nummers, e-mails en wachtwoorden. In het voorbeeld gebruiken de velden type="email" en type="password". <label> biedt beschrijvende tekst voor invoervelden en verbetert de structuur en toegankelijkheid van het formulier. <button type="submit"> verstuurt de formuliergegevens. Standaard wordt hierdoor de pagina opnieuw geladen, maar dit gedrag kan worden overschreven met JavaScript.

question mark

Welk HTML-element wordt gebruikt om een verzendknop voor een formulier te maken?

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 5. Hoofdstuk 2
some-alt