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 |
Krom
IE
Firefox
Opera
Safari