Taggen brukes til å lage en klikkbar knapp i HTML-skjemaet på nettsiden din. Du kan legge innhold som tekst eller bilde i ........-taggen.
Du bør alltid spesifisere type-attributtet for en tag. Ulike nettlesere bruker forskjellige standardtyper for knappeelementet.
HTML Button tag kan brukes i og utenfor skjemaet.
Hvis du bruker det inne i skjemaet , fungerer den som send-knappen. Du kan også bruke den som tilbakestillingsknapp.
Hvis du bruker det utenfor skjemaet , kan du kalle JavaScript-funksjonen på den.
HTML Button Tag Eksempel
La oss se koden for å vise knappen.
Click HereTest det nå
Produksjon:
Klikk herEksempel på HTML-knapp: Kaller JavaScript-funksjon
La oss se koden for å kalle JavaScript-funksjonen ved knappeklikk.
Click Here function hello(){ alert('hello javatpoint user'); }Test det nå
Produksjon:
Klikk herEksempel på HTML-knapp: Send inn skjema
La oss se koden for å sende inn skjemaet ved å klikke på knappen.
Enter Name: <br> SubmitTest det nå
Produksjon:
Skriv inn navn:Sende inn
Eksempel på HTML-knapp: Tilbakestill skjema
La oss se koden for å sende inn skjemaet ved å klikke på knappen.
Enter Name: <br> resetTest det nå
Produksjon:
Skriv inn navn:Nullstille
Attributter til HTML Button Tag
tag støtter alle globale attributter og noen spesifikke tilleggsattributter.
Det er gitt en liste over HTML-knapptag-attributter.
Egenskap | Beskrivelse |
---|---|
autofokus | Den spesifiserer at en knapp automatisk skal få fokus mens siden lastes inn. |
funksjonshemmet | Den spesifiserer at en knapp skal deaktiveres. |
form | Den spesifiserer ett eller flere skjemaer som knappen tilhører. |
formasjon | Den brukes for innsendingstype. Den spesifiserer hvor skjemadataene skal sendes når skjemaet sendes inn. |
formmetode | Den spesifiserer hvordan du sender skjemadata. |
formtype | Den spesifiserer hvordan skjemadata skal kodes før de sendes til serveren. |
formnovalidate | Den spesifiserer at skjemadataene ikke skal valideres ved innsending. |
formatmål | Den spesifiserer hvor svaret skal vises etter innsending av skjemaet. |
Navn | Den spesifiserer navnet på knappen. |
type | Den spesifiserer typen av knappen. |
verdi | Den spesifiserer verdien av knappen. |
Støtter nettlesere
Element | Chrome | DVS | Firefox | Opera | Safari |
Ja | Ja | Ja | Ja | Ja |