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 HereTesta det nu
Produktion:
Klicka härHTML-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ärExempel på HTML-knapp: Skicka formulär
Låt oss se koden för att skicka formuläret vid knappklickning.
Enter Name: <br> SubmitTesta 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> resetTesta 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 | Krom | IE | Firefox | Opera | Safari |
Ja | Ja | Ja | Ja | Ja |