HTML Input Button Command

Webdesignere bruke HTML markup til å opprette skjemaer med brukerkontroller i dem. Når du tar med en knapp i et HTML-skjema, kan du legge ved en hendelse lytteren til det. Denne hendelsen lytteren instruerer nettleseren til å utføre en bestemt handling når brukeren klikker på knappen. Handlingen i mange tilfeller involves utføre en Javascript-funksjonen indikert et skript delen i HTML-siden-fil eller i en egen fil. Opprette et fungerende innspill knappen er vanligvis grei.

HTML Markup

HTML markup for en knapp vanligvis bruker input element. Følgende eksempelkode demonstrerer en enkel inngang knapp i HTML:

<Input type = "button" value = "Synlig tekst" />

Type-attributtet forteller leseren at inngangs elementet er en knapp, som delvis bestemmer utseendet til brukerne. Verdien attributtet holder tekst som er synlig vises på toppen av knappen, med nettleseren automatisk strekke bakgrunnen knappen bildet for å imøtekomme mengden tekst indikert. Nettlesere variere litt i deres visning av knapper. Ved hjelp av CSS, eller Cascading Style Sheet, kode, kan utviklere diktere spesifikke stil regler for alle sine dataobjekter.

funksjon Call

Ved hjelp av en hendelse lytteren, kan websider definere instruksjoner for nettleseren til å gjennomføre når en bruker trykker på en knapp med sin mus. Den "onclick" lytteren kan du oppgi navnet på en funksjon i Javascript. Når brukeren klikker på knappen, kaller nettleseren funksjonen spesifisert i "onclick" lytteren. Følgende utvidede innspill knappen markup demonstrerer teknikken:

<Input type = "button" value = "Synlig tekst" onclick = "buttonClicked ();" />

funksjon Location

Når en bruker klikker knapper, ser leseren for en funksjon med det angitte navnet enten på siden hodedelen eller i en egen Javascript-fil koblet til innenfor hoveddelen, som i følgende eksempel:

<Script type = "text / javascript" lytteren, som i følgende eksempel:

fungere buttonClicked () {

/ Funksjon kropp /

}

Innenfor det område på kroppen, vil funksjonen implementeringen vist. Så lenge omrisset samsvarer med navnet på knappen lytteren, vil brukerens nettleser kunne iverksette de riktige behandlingen kommandoer på knapp klikk.

funksjon innhold

Innholdet i Javascript-funksjonen må være skreddersydd for de spesifikke målene for en side eller et nettsted. Følgende eksempel funksjon innhold skaper rett og slett en dialog utgang varsel:

alert ( "-knappen er trykket!");

Vanlige funksjons implementeringer inkluderer behandling for å validere skjema innspill. Når en bruker sender informasjon gjennom et nettsted form, er denne informasjonen ofte sendt til en server side script. Før du sender inn informasjon, kan det noen ganger være ønskelig å sjekke det for gyldighet, spørre brukeren til å endre manglende eller feilaktig formatert informasjon.