HTML Button Tag

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.

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 nettleserChrome dvs. nettleserDVS nettleseren firefoxFirefox opera nettleserOpera safari nettleserSafari
Ja Ja Ja Ja Ja

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