HTML-skjemaer er en av de mest grunnleggende måtene å legge til interaktivitet på nettstedet ditt. Du kan stille spørsmål og be om svar fra leserne dine, gi ytterligere informasjon fra databaser, sette opp spill og mer. Det finnes en rekke HTML-elementer du kan bruke til å bygge dine skjemaer. Og når du har bygget skjemaet ditt, er det mange forskjellige måter å sende inn dataene til serveren, eller bare start skjemahandlingen som kjører.
Dette er flere måter du kan sende inn skjemaene dine på:
-
- Dette er den vanligste metoden for å få data til serveren, men det kan være veldig vanlig å se.
-
- Ved å bruke et bilde, gjør det veldig enkelt å gjøre innsenderknappen din passe med stilen til nettstedet ditt. Men noen mennesker kan ikke gjenkjenne det som en send-knapp.
-
- Knappen
INPUT tag gir mange av de samme alternativene som bildet
INPUT tag, men ser mer ut som standard innsendingstype. Det krever JavaScript for å aktivere.
- Knappen
-
- De
KNAPP tag er en mer allsidig type knapp enn
INPUT stikkord. Denne koden krever at Javacript aktiveres.
- De
- De
KOMMANDO elementet er nytt i HTML5, og det gir en måte å aktivere skript og skjemaer med tilhørende handlinger. Det er aktivert med JavaScript.
- De
INPUT Element
Inngangen
INPUT element er den vanligste måten å sende inn et skjema, alt du gjør er å velge en type (
knapp,
bilde, eller
sende inn) og om nødvendig legge til noen skript for å sende til skjemahandlingen.
De elementet kan skrives akkurat slik. Men hvis du gjør det, har du forskjellige resultater i forskjellige nettlesere. De fleste nettlesere lager en knapp som sier "Send", men Firefox lager en knapp som sier "Send forespørsel." For å endre hva knappen sier, bør du legge til et attributt:
value = "Send form">
Elementet er skrevet slik, men hvis du slipper av alle andre attributter, vil alt som vises i nettlesere, være en tom grå knapp. For å legge til tekst på knappen, bruk
verdiEgenskap. Men denne knappen vil ikke sende skjemaet med mindre du bruker JavaScript.
onclick = "submit ();">
Det ligner på
knapptype, som trenger et skript for å sende skjemaet. Bortsett fra at i stedet for en tekstverdi, må du legge til en bildekildeadresse.
Knappelementet
De
KNAPPelementet krever både en åpningstegn og en lukkekode. Når du bruker det, vil innhold som du vedlegger inne i koden være vedlagt på en knapp. Deretter aktiverer du knappen med et skript.
Send inn skjema
Du kan inkludere bilder i knappen eller kombinere bilder og tekst for å lage en mer interessant knapp.
Kommandobjektet
De
KOMMANDOelementet er nytt med HTML5 Det krever ikke en
FORM å bli brukt, men det kan fungere som en send-knapp for et skjema. Dette elementet lar deg lage flere interaktive sider uten å kreve skjemaer, med mindre du virkelig trenger skjemaer. Hvis du vil at kommandoen skal si noe, skriver du informasjonen i en
merkelappEgenskap.
label = "Send form">
Hvis du vil at kommandoen din skal representeres av et bilde, bruker du
ikonEgenskap.
ikon = "submit.gif">
HTML-skjemaer har flere forskjellige måter å sende inn, som du har lært på forrige side. To av disse metodene er
INPUTtag og
KNAPPstikkord. Det er gode grunner til å bruke begge disse elementene.
Inngangselementet
Etiketten er den enkleste måten å sende inn et skjema på. Det krever ingenting utover selve taggen, ikke engang a
verdiNår en kunde klikker på knappen, sender den automatisk. Du trenger ikke å legge til noen skript, nettleserne kan sende skjemaet når en sender
INPUTtag er klikket
Problemet er at denne knappen er veldig stygg og ren. Du kan ikke legge til bilder i den. Du kan stil det akkurat som noe annet element, men det kan fortsatt føles som en stygg knapp.
Bruke
INPUTMetode når skjemaet ditt må være tilgjengelig, selv i nettlesere som har slått av JavaScript.
KNAPPEN Element
De
KNAPPelementet tilbyr flere alternativer for å sende inn skjemaer. Du kan sette noe inne i en
KNAPPelement og gjør det til en send-knapp. Vanligvis bruker folk bilder og tekst. Men du kan lage en
DIV og gjør det hele en send-knappen hvis du vil.
Den største ulempen til
KNAPPelementet er at det ikke automatisk sender skjemaet. Dette betyr at det må være noen type skript for å aktivere det. Og så er det mindre tilgjengelig enn
INPUTmetode. Enhver bruker som ikke har aktivert JavaScript, vil ikke kunne sende inn et skjema med bare a
KNAPPelement for å sende det inn.
Bruke
KNAPPmetode på former som ikke er like kritiske. Også, dette er en fin måte å legge til flere innsendingsalternativer i en form.
