Definisjon av en HTML Web Button

HTML-knapper gir brukermedvirkning innen webskjemaer, som kan inkludere ulike typer knappen, ved hjelp av knappen merket eller inngangssignal. Disse skjemaene fange opp brukerinformasjon og utføre interaktive funksjoner. Send knapper er blant de vanligste typene, sende brukerinformasjon til server-side skript. Button elementene i HTML-sider kan også inkludere en rekke attributter som bestemmer deres utseende og oppførsel.

Input Tag

Inngangs tag kan presentere en rekke interaktive elementer i et webskjema, inkludert knapper. Inngangselementet har en type attributt, verdien av som bestemmer hva slags innspill element vises på websiden. Følgende eksempel HTML markup-koden demonstrerer skape en inngang element av bokstype:

<Input type = "button" value = "en knapp" onclick = "buttonClicked ()" />

Denne koden vil vise en knapp med "verdi" tekst som vises på den. Når brukeren trykker på knappen, vil nettleseren se etter og utføre en Javascript-funksjon som heter "buttonClicked" som vist i "onclick" event lytteren attributt.

Button Tag

HTML-skjemaer kan inneholde knappene ved å bruke knappen tag snarere enn input tag med knapp satt som type attributt. Følgende eksempel markup kode demonstrerer denne teknikken:

<-knappen Type = "button"> En knapp </ knapp>

Type-attributtet må alltid vises med knapp element, som standardtypen varierer på tvers av nettlesere, slik at brukerens nettleser kan reagere på uforutsigbare måter på tastetrykk hvis attributtet ikke er satt. Som inngangs tagger med knappetype, kan knappen koder inkludere hendelseslytter attributter som bestemmer funksjonene som skal utføres på brukerklikk. Teksten som vises på en knapp element vises mellom åpning og lukking knapp tags, snarere enn som verdien attributt, som med innspill element.

Send Button

Send knapper ofte vises i nettskjemaer. Når brukeren har lagt inn informasjon og ønsker å sende dette til en nettside, kan hun gjøre det ved å trykke på en knapp for sending. Noen ganger kan en Javascript-funksjonen utfører først, sjekke at brukeren har fylt ut skjemaet ved hjelp av gyldige inndata. Når et skjema sendes inn, blir dataene ofte sendt til en server-side script for videre behandling, for eksempel lagre resultatene i en database. Følgende eksempel markup kode demonstrerer blant annet en send-knappen i et webskjema:

<Input type = "submit" />

Du trenger ikke å inkludere verdien attributt for en send-knappen, bortsett fra å vise egendefinert tekst på den.

Andre Button Typer

HTML-skjemaer kan inkludere andre enn trykknapper knapper. Radioknappene lar skjemaer for å tilby et sett med valg, bare en som brukeren kan velge, som i følgende eksempelkode:

<Input type = "radio" name = "ekteskapelig" value = "gift" /> Gift

<Input type = "radio" name = "ekteskapelig" value = "ugift" /> Ugift

Tilbakestill knappene lar brukeren raskt tilbakestille alle brukerundersøkelser elementer i en form, gjennom følgende kode:

<Input type = "reset" />

Bildeknapper kan ha samme oppførsel som sender knapper, men lar utvikleren å inkludere en egendefinert bilde i stedet for nettleserens standard knapp bilde:

<Input type = "image" alt = "send skjema" />