logo

HTML-knapptagg

Taggen används för att skapa en klickbar knapp i HTML-formuläret på din webbsida. Du kan lägga innehåll som text eller bild i ........-taggen.

Du bör alltid ange typattributet för en tagg. Olika webbläsare använder olika standardtyp för knappelementet.

HTML Button-tagg kan användas i och utanför formuläret.

Om du använder det inuti formuläret , den fungerar som skicka-knappen. Du kan också använda den som återställningsknapp.

Om du använder det utanför formen , kan du anropa JavaScript-funktionen på den.


HTML Button Tag Exempel

Låt oss se koden för att visa knappen.

 Click Here 
Testa det nu

Produktion:

Klicka här

HTML-knapp Exempel: Anropar JavaScript-funktion

Låt oss se koden för att anropa JavaScript-funktionen vid knappklick.

 Click Here function hello(){ alert('hello javatpoint user'); } 
Testa det nu

Produktion:

Klicka här

Exempel på HTML-knapp: Skicka formulär

Låt oss se koden för att skicka formuläret vid knappklickning.

 Enter Name: <br> Submit 
Testa det nu

Produktion:

Skriv namn:
Skicka in

HTML-knapp Exempel: Återställ formulär

Låt oss se koden för att skicka formuläret vid knappklickning.

 Enter Name: <br> reset 
Testa det nu

Produktion:

Skriv namn:
Återställa

Attribut för HTML-knapptagg

taggen stöder alla globala attribut och vissa specifika ytterligare attribut.

Det finns en lista med HTML-knapptaggattribut.

AttributBeskrivning
autofokusDen anger att en knapp automatiskt ska få fokus medan sidan laddas.
InaktiveradDen anger att en knapp ska inaktiveras.
formDen anger en eller flera formulär som knappen tillhör.
bildningDen används för inlämningstyp. Den anger vart formulärdata ska skickas när formuläret skickas.
formmetodDen anger hur man skickar formulärdata.
formtypDen anger hur formulärdata ska kodas innan de skickas till servern.
formnovalidateDen specificerar att formulärdata inte ska valideras vid inlämning.
formatmålDen anger var svaret ska visas efter att formuläret har skickats in.
namnDen anger namnet på knappen.
typDen anger typen av knapp.
värdeDen anger knappens värde.

Stöd för webbläsare

Element Chrome webbläsareKrom dvs webbläsareIE Firefox webbläsareFirefox opera webbläsareOpera safari webbläsareSafari
JaJaJaJaJa

HTML-knapptaggen stöder även de globala och händelseattributen i HTML.