HTML-knoptag

HTML-knoptag

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 Here  
Test het nu

Uitgang:

Klik hier

Voorbeeld 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 hier

Voorbeeld 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> Submit  
Test 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> reset  
Test 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 Chrome-browserChroom dat wil zeggen browserD.W.Z Firefox-browserFirefox opera-browserOpera safari-browserSafari
Ja Ja Ja Ja Ja

De HTML-knoptag ondersteunt ook de globale en gebeurteniskenmerken in HTML.