HTML-formularer er en af de mest grundlæggende måder at tilføje interaktivitet til dit websted. Du kan stille spørgsmål og anmode om svar fra dine læsere, give yderligere oplysninger fra databaser, oprette spil og meget mere. Der er en række HTML-elementer, du kan bruge til at opbygge dine formularer. Og når du har opbygget din formular, er der mange forskellige måder at indsende data til serveren eller bare starte formularen handling kører.
Det er flere måder, du kan indsende dine formularer på:
-
- Dette er den mest almindelige metode til at få data til serveren, men det kan være meget almindeligt udseende.
-
- Ved at bruge et billede gør det meget nemt at gøre din indsende knap tilpas med stilen på dit websted. Men nogle mennesker kan muligvis ikke genkende det som en indsende knap.
-
- Knappen
INPUT tag giver mange af de samme muligheder som billedet
INPUT tag, men ser mere ud som standardindgivelsestypen. Det kræver JavaScript for at aktivere.
- Knappen
-
- Det
KNAP tag er en mere alsidig type knap end den
INPUT tag. Dette mærke kræver, at Javacript aktiveres.
- Det
- Det
KOMMANDO element er nyt i HTML5, og det giver mulighed for at aktivere scripts og formularer med tilhørende handlinger. Det er aktiveret med JavaScript.
- Det
INPUT Element
Indgangen
INPUT element er den mest almindelige måde at indsende en formular på. Alt du gør er at vælge en type (
knap,
billede, eller
Indsend) og tilføj eventuelt nogle script til at indsende til formularen.
Det element kan skrives netop sådan. Men hvis du gør det, har du forskellige resultater i forskellige browsere. De fleste browsere laver en knap, der siger "Send", men Firefox laver en knap, der siger "Send forespørgsel." For at ændre, hvad knappen siger, skal du tilføje en attribut:
value = "Send form">
Elementet er skrevet sådan, men hvis du afgår alle andre attributter, vil alt, der vises i browsere, være en tom grå knap. For at tilføje tekst til knappen skal du bruge
værdiattribut. Men denne knap sender ikke formularen, medmindre du bruger JavaScript.
onclick = "send ();">
Det ligner på
knaptype, som har brug for et script til at indsende formularen. Bortset fra det i stedet for en tekstværdi, skal du tilføje en billedkilde URL.
Knapelementet
Det
KNAPElementet kræver både en åbningstabel og en lukkekode. Når du bruger det, vil indhold, som du vedlægger inde i tagget, vedlægges på en knap. Så aktiverer du knappen med et script.
Indsend formular
Du kan inkludere billeder i din knap eller kombinere billeder og tekst for at oprette en mere interessant knap.
Kommandoelementet
Det
KOMMANDOelementet er nyt med HTML5 Det kræver ikke en
FORM at blive brugt, men det kan fungere som en indsende knap for en formular. Dette element giver dig mulighed for at oprette flere interaktive sider uden at kræve formularer, medmindre du virkelig har brug for formularer. Hvis du vil have kommandoen til at sige noget, skriver du oplysningerne i en
etiketattribut.
label = "Send form">
Hvis du vil have din kommando repræsenteret ved et billede, bruger du
ikonattribut.
ikon = "submit.gif">
HTML-formularer har flere forskellige måder at indsende, som du har lært på den forrige side. To af disse metoder er
INPUTtag og
KNAPtag. Der er gode grunde til at bruge begge disse elementer.
Input Element
Etiketten er den nemmeste måde at indsende en formular på. Det kræver intet ud over selve tagget, ikke engang a
værdiNår en kunde klikker på knappen, indsendes den automatisk. Du behøver ikke at tilføje nogen scripts, browserne ved at indsende formularen, når en sender
INPUTtag er klikket.
Problemet er, at denne knap er meget grim og ren. Du kan ikke tilføje billeder til den. Du kan style det ligesom noget andet element, men det kan stadig føles som en grim knap.
Brug
INPUTmetode, når din formular skal være tilgængelig, selv i browsere, der har slukket for JavaScript.
KNAPP Element
Det
KNAPelement tilbyder flere muligheder for at indsende formularer. Du kan sætte noget inde i a
KNAPelement og drej det til en send-knap. Ofte bruger folk billeder og tekst. Men du kunne skabe en
DIV og gør den hele ting en send-knap, hvis du ville.
Den største ulempe ved
KNAPelement er, at det ikke automatisk indsende formularen. Det betyder, at der skal være en type script til at aktivere det. Og så er det mindre tilgængeligt end
INPUTmetode. Enhver bruger, der ikke har aktiveret JavaScript, vil ikke være i stand til at indsende en formular med kun a
KNAPelement til at indsende det.
Brug
KNAPmetode på former, der ikke er så kritiske. Dette er også en fantastisk måde at tilføje yderligere indsendelsesmuligheder på i en form.
