logo

HTML Button Tag

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 Here 
Test det nå

Produksjon:

Klikk her

Eksempel 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 her

Eksempel på HTML-knapp: Send inn skjema

La oss se koden for å sende inn skjemaet ved å klikke på knappen.

 Enter Name: <br> Submit 
Test 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> reset 
Test 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.

EgenskapBeskrivelse
autofokusDen spesifiserer at en knapp automatisk skal få fokus mens siden lastes inn.
funksjonshemmetDen spesifiserer at en knapp skal deaktiveres.
formDen spesifiserer ett eller flere skjemaer som knappen tilhører.
formasjonDen brukes for innsendingstype. Den spesifiserer hvor skjemadataene skal sendes når skjemaet sendes inn.
formmetodeDen spesifiserer hvordan du sender skjemadata.
formtypeDen spesifiserer hvordan skjemadata skal kodes før de sendes til serveren.
formnovalidateDen spesifiserer at skjemadataene ikke skal valideres ved innsending.
formatmålDen spesifiserer hvor svaret skal vises etter innsending av skjemaet.
NavnDen spesifiserer navnet på knappen.
typeDen spesifiserer typen av knappen.
verdiDen spesifiserer verdien av knappen.

Støtter nettlesere

Element chrome nettleserChrome dvs. nettleserDVS nettleseren firefoxFirefox opera nettleserOpera safari nettleserSafari
JaJaJaJaJa

HTML-knapp-tag støtter også de globale og hendelsesattributtene i HTML.