Knoppen Gebruiken
De <button>-tag maakt klikbare knoppen op webpagina's. Hiermee kunnen gebruikers interageren met de webpagina door acties uit te voeren, zoals het verzenden van een formulier of het uitvoeren van JavaScript-code. Hoewel we in deze cursus niet ingaan op JavaScript, is het belangrijk om te weten dat deze mogelijkheid bestaat.
Typen knoppen
- Standaardknop (
<button type="button">): Een algemene knop die wordt gebruikt voor verschillende acties op de webpagina, zoals het aanroepen van JavaScript-functies of het navigeren naar een andere pagina; - Verzendknop (
<button type="submit">): Wordt binnen een formulier gebruikt om de formuliergegevens naar een server te verzenden; - Resetknop (
<button type="reset">): Wordt binnen een formulier gebruikt om de velden van het formulier terug te zetten naar hun standaardwaarden.
Voorbeeld:
index.html
In het bovenstaande voorbeeld:
- De eerste knop is een standaardknop met een
onclick-attribuut dat een waarschuwing activeert wanneer erop wordt geklikt; - De tweede knop is een verzendknop die de formuliergegevens naar de server verzendt;
- De derde knop is een resetknop die de formuliervelden terugzet naar hun standaardwaarden.
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 button types in more detail?
What happens if I use a button without specifying the type?
Can you show more examples of how these buttons are used in forms?
Awesome!
Completion rate improved to 2.86Knoppen Gebruiken
Veeg om het menu te tonen
De <button>-tag maakt klikbare knoppen op webpagina's. Hiermee kunnen gebruikers interageren met de webpagina door acties uit te voeren, zoals het verzenden van een formulier of het uitvoeren van JavaScript-code. Hoewel we in deze cursus niet ingaan op JavaScript, is het belangrijk om te weten dat deze mogelijkheid bestaat.
Typen knoppen
- Standaardknop (
<button type="button">): Een algemene knop die wordt gebruikt voor verschillende acties op de webpagina, zoals het aanroepen van JavaScript-functies of het navigeren naar een andere pagina; - Verzendknop (
<button type="submit">): Wordt binnen een formulier gebruikt om de formuliergegevens naar een server te verzenden; - Resetknop (
<button type="reset">): Wordt binnen een formulier gebruikt om de velden van het formulier terug te zetten naar hun standaardwaarden.
Voorbeeld:
index.html
In het bovenstaande voorbeeld:
- De eerste knop is een standaardknop met een
onclick-attribuut dat een waarschuwing activeert wanneer erop wordt geklikt; - De tweede knop is een verzendknop die de formuliergegevens naar de server verzendt;
- De derde knop is een resetknop die de formuliervelden terugzet naar hun standaardwaarden.
Bedankt voor je feedback!
