Formular (HTML)

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] .  

Eksempel

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

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] .

Typer

Følgende kontrolelementer er defineret i HTML:

  • knap: element <input>af typer submit(indsender en formular), image(billedknap), reset(rydder formularen, bringer formularen til dens oprindelige tilstand), button(knap) samt et element <button>(indsender en formular);
  • afkrydsningsfelt (afkrydsningsfelt): type checkbox;
  • alternativknap : type radio;
  • menu: element <select>med elementer <optgroup>og <option>inde;
  • tekstlinje: type text, og element <textarea>(tekstfelt med flere linjer);
  • adgangskode: type password;
  • skjult felt: type hidden;
  • fil: type file.

HTML5 definerer yderligere elementer ( ingen cross-browser support endnu) [3] :

  • et element <datalist>med autofuldførelsesmuligheder for en tekstlinje;
  • et element <output>for resultatet af en beregning baseret på andre felter;
  • et element <keygen>til generering af et nøglepar til brug i autentificeringsmekanismen .

<form>-elementet

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 :

  • action(handling) er en påkrævet attribut (ikke i HTML5), der indeholder formularbehandlerens URI ;
  • method(formularindsendelsesmetode) - en attribut, der tager værdierne GET (standard) eller POST;
  • enctype(kodningstype for indhold) - standard application/x-www-form-urlencoded(altid for GET-metoden), men multipart/form-data bruges normalt ;
  • accept — liste over MIME - typer til download af filer;
  • name - formularens navn;
  • onsubmit - hændelseshandler "formular sendt" (for scripts);
  • onreset - hændelseshandler: "formular cleared" (også for scripts);
  • accept-charsetliste over understøttede tegnsæt.

Indsendelse af formularen

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 .

Se også

Noter

  1. ↑ 1 2 3 4 5 HTML Sprogspecifikation Arkivkopi dateret 4. december 2012 på Wayback Machine , oversætter: A. Piramidin, intuit.ru, ISBN 978-5-94774-648-8 , 17. Foredrag: Forms.
  2. ↑ 1 2 3 Formularer i HTML-dokumenter Arkiveret 22. april 2021 på Wayback Machine  W3C-specifikationen for HTML4
  3. ↑ HTML5 Form Elements, w3schools (downlink) . Hentet 2. december 2012. Arkiveret fra originalen 13. maj 2013.