Opprette knapper ved hjelp av HTML-inntagsetiketter i skjemaer

Du kan lage tilpassbare tekstknapper i HTML ved hjelp av stikkord. De elementet brukes innenfor a

element.

Ved å sette attributtet type til "knappen", vil en enkel klikkbar knapp bli generert. Du kan definere teksten som vil vises på knappen, for eksempel "Send inn", ved å bruke verdi Egenskap.

For eksempel:

Vær oppmerksom på at tag vil ikke sende inn et HTML-skjema Du må fortsatt inkludere JavaScript for å håndtere skjemainformasjonen. Uten JavaScript ved trykk hendelsen, knappen vil se ut som å være klikkbar, men ingenting vil skje, og du vil ha frustrert leserne dine.

De

Selv om du bruker inntagsetiketten for å opprette en knapp, fungerer for det formål, er det et bedre alternativ å bruke tag for å lage HTML-knappene til nettstedet ditt. De taggen er mer fleksibel fordi den tillater deg å bruke bilder for knappen (som hjelper deg med å bevare visuell konsistens hvis nettstedet ditt har et designtema), for eksempel, og det kan defineres som en send eller tilbakestilt type knapp uten å trenge ekstra Javascript.

Du vil ønske å spesifisere knappen type attributt i noen tags. Det finnes tre forskjellige typer:

knapp - Knappen har ingen innebygd oppførsel, men brukes sammen med skript som kjører på klientsiden som kan festes til knappen og utføres når den klikkes.

tilbakestille - Tilbakestiller alle verdier.

sende inn - Knappen sender inn data til serveren (dette er standardverdien hvis ingen type er definert).

Andre attributter inkluderer:

Navn - Gir knappen et referansenavn.

verdi - Angir en verdi som først skal tilordnes knappen.

deaktivere - Slår av knappen.

HTML5 legger til noen ekstra attributter til
formaction - Brukes kun med type = "submit" og en nettadresse som verdi, angir det hvor skjemadata skal sendes. For eksempel:

formenctype - Brukes kun med type = "submit" Egenskap. Definerer hvordan skjemadata skal kodes når de sendes til serveren. De tre verdiene er application / x-www-skjema-urlencoded (misligholde), multipart / formdata, og text / plain.

formmethod - Brukes kun med type = "submit" Egenskap. Dette spesifiserer hvilken HTTP-metode som skal brukes når du sender skjemadata enten få eller post.

formnovalidate - Brukes kun med type = "submit" Egenskap. Formdata vil ikke bli validert når de sendes inn.

formtarget - Brukes kun med type = "submit" Egenskap. Dette indikerer hvor svaret på siden skal vises når skjemadata er sendt, for eksempel i et nytt vindu, etc. Verdiene er enten _blank, _self, _parent, _top, eller et bestemt ramme navn.

Hvis du bruker skjemaer, vil du kanskje lese om hvordan du lager knapper i HTML-skjemaer, og hvordan du gjør nettstedet ditt mer brukervennlig.