De tag wordt gebruikt om een klikbare knop in het HTML-formulier op uw webpagina te maken. Je kunt inhoud zoals tekst of afbeelding in de ........ tag plaatsen.
U moet altijd het typeattribuut voor een tag opgeven. Verschillende browsers gebruiken een verschillend standaardtype voor het knopelement.
HTML-knoptag kan binnen en buiten het formulier worden gebruikt.
Als je het gebruikt binnen het formulier , het werkt als de verzendknop. Je kunt het ook gebruiken als resetknop.
Als je het gebruikt buiten de vorm , kunt u de JavaScript-functie erop aanroepen.
Voorbeeld van HTML-knoptag
Laten we de code bekijken om de knop weer te geven.
Click HereTest het nu
Uitgang:
Klik hierVoorbeeld van HTML-knop: JavaScript-functie aanroepen
Laten we de code bekijken om de JavaScript-functie aan te roepen bij een klik op de knop.
Click Here function hello(){ alert('hello javatpoint user'); } Test het nu Uitgang:
Klik hierVoorbeeld van HTML-knop: Formulier verzenden
Laten we de code bekijken om het formulier in te dienen door op de knop te klikken.
Enter Name: <br> SubmitTest het nu
Uitgang:
Voer naam in:Indienen
Voorbeeld van HTML-knop: Formulier opnieuw instellen
Laten we de code bekijken om het formulier in te dienen door op de knop te klikken.
Enter Name: <br> resetTest het nu
Uitgang:
Voer naam in:Opnieuw instellen
Kenmerken van HTML-knoptag
tag ondersteunt alle globale attributen en enkele specifieke aanvullende attributen.
Er wordt een lijst met HTML-knoptagattributen gegeven.
| Attribuut | Beschrijving |
|---|---|
| autofocus | Het specificeert dat een knop automatisch focus moet krijgen tijdens het laden van de pagina. |
| gehandicapt | Er wordt aangegeven dat een knop moet worden uitgeschakeld. |
| formulier | Het specificeert een of meer formulieren waartoe de knop behoort. |
| formatie | Het wordt gebruikt voor het indieningstype. Het specificeert waar de formuliergegevens naartoe moeten worden gestuurd wanneer het formulier wordt ingediend. |
| vormmethode | Het specificeert hoe formuliergegevens moeten worden verzonden. |
| vorm soort | Het specificeert hoe formuliergegevens moeten worden gecodeerd voordat deze naar de server worden verzonden. |
| vorm niet valideren | Het specificeert dat de formuliergegevens bij indiening niet gevalideerd mogen worden. |
| vormdoel | Het specificeert waar het antwoord moet worden weergegeven na het indienen van het formulier. |
| naam | Het specificeert de naam van de knop. |
| type | Het specificeert het type knop. |
| waarde | Het specificeert de waarde van de knop. |
Ondersteunende browsers
| Element |  Chroom |  D.W.Z |  Firefox |  Opera |  Safari |
| Ja | Ja | Ja | Ja | Ja |