HTML-knapptagg

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.

Attribut Beskrivning
autofokus Den anger att en knapp automatiskt ska få fokus medan sidan laddas.
Inaktiverad Den anger att en knapp ska inaktiveras.
form Den anger en eller flera formulär som knappen tillhör.
bildning Den används för inlämningstyp. Den anger vart formulärdata ska skickas när formuläret skickas.
formmetod Den anger hur man skickar formulärdata.
formtyp Den anger hur formulärdata ska kodas innan de skickas till servern.
formnovalidate Den specificerar att formulärdata inte ska valideras vid inlämning.
formatmål Den anger var svaret ska visas efter att formuläret har skickats in.
namn Den anger namnet på knappen.
typ Den anger typen av knapp.
värde Den 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
Ja Ja Ja Ja Ja

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