Form ( engelsk form ) i HTML er en sektion af et dokument, der giver brugeren mulighed for at indtaste oplysninger til videre behandling af systemet. Syntaktisk angives en formular i HTML ved hjælp af et element og indeholder udover markeringen af almindelige elementer <form>markup for kontroller , etiketter og andre [1] [ 2] .
En simpel formular til indtastning af data om en ny bruger [1] :
<!DOCTYPE html> < html > < head > < meta charset = "utf-8" /> < title > Registrering </ title > </ head > < body > < form action = "http://example.com/app/profile.php" method = "post" > < p > < label for = "brugernavn" > Navn: </ label > < input type = "text" name = "brugernavn" /> < br /> < label for = "nick" > Nick: </ label > < input type = "text" name = "nick" /> < br /> < label for = "e-mail" > Email adresse post: </ label > < input type = "text" name = "e-mail" /> < br /> < label for = "sex" > Etage: </ label > < input type = "radio" navn = "sex" værdi = "mandlig" /> han- < br /> < input type = "radio" navn = "sex" værdi = "kvinde" /> kvinde < br /> < input type = "radio" navn = "sex" værdi = "hemmelig" /> Jeg ønsker ikke at svare < input type = "submit" value = "Submit" > < input type = "reset" value = "Slet" > </ p > </ form > </ body > </ html >I dette eksempel indeholder formularen tre tekstfelter til indtastning af en tekststreng, radioknapper til valg af køn, knapper til indsendelse ( eng. submit ) og sletning ( eng. nulstil ) formularen.
Kontrolelementer bruges til brugerinteraktion med formularen. Attributten nameangiver navnet på kontrolelementet med omfang i den givne formular.
Hvert formularelement har en startværdi og en aktuel værdi tilknyttet. Med nogle undtagelser ( <textarea>, <object>) kan startværdien gives af value. Værdier forbundet med elementer kan ændre sig, når brugeren eller scripts (såsom Javascript ) interagerer med formularen. Ved rydning ( eng. reset ) får formularelementerne begyndelsesværdier. Dataene for alle aktive ( eng. vellykket ) formularelementer sendes ( eng. submit ) til behandling i form af navn-værdi-par [1] [2] .
Følgende kontrolelementer er defineret i HTML:
HTML5 definerer yderligere elementer ( ingen cross-browser support endnu) [3] :
Formularen indstilles ved hjælp af elementet <form>, hvori kontrollerne er placeret. Ud over attributter, der er fælles for HTML, kan <form>følgende [1] [2] være til stede :
Der er to metoder til at indsende en formular: GET og POST. GET-metoden anbefales i tilfælde, hvor der ikke er bivirkninger, såsom søgning, under formularbehandling på serversiden. Ellers skal POST [1] -metoden bruges , når der er impliceret ændringer på serversiden i databaser osv .
Web og hjemmesider | |
---|---|
globalt | |
Lokalt | |
Typer af websteder og tjenester |
|
Oprettelse og vedligeholdelse | |
Typer af layout, sider, websteder | |
Teknisk | |
Markedsføring | |
Samfund og kultur |