HTML Formulär Egenskaper

Detta kapitel introducerar HTML <form> Forskilda egenskaper för elementen.

Action-egenskap

action Egenskapen definierar vilken operation som ska utföras när formuläret skickas.

Normalt skickas formulärdatan till en fil på servern när användaren klickar på "Skicka"-knappen.

I följande exempel skickas formulärdatan till en fil som heter "action_page.php". Denna fil innehåller ett serverSIDO-skript för att behandla formulärdatan:

Exempel

Efter att ha skickat in formuläret, skickas formulärdatan till "action_page.php":

<form action="/action_page.php">
  <label for="fname">Förnamn:</label><br>
  <input type="text" id="fname" name="fname" value="Bill"><br>
  <label for="lname">Efternamn:</label><br>
  <input type="text" id="lname" name="lname" value="Gates"><br><br>
  <input type="submit" value="Submit">
</form>

Prova själv

Tips:Om action-attributet utelämnas, sätts action till den aktuella sidan.

Target-egenskap

target Egenskapen definierar var svaret ska visas efter att formuläret har skickats.

target Egenskapen kan sättas till en av följande värden:

Värdet Beskrivning
_blank Svaret visas i ett nytt fönster eller flik.
_self Svaret visas i det aktuella fönstret.
_parent Svaret visas i föräldrafacket.
_top Svaret visas i hela body:n i fönstret.
framename Svaret visas i namngiven iframe.

Standardvärdet är _self, vilket innebär att svaret kommer att öppnas i det aktuella fönstret.

Exempel

Här kommer resultatet att öppnas i en ny webbläsartabell:

<form action="/action_page.php" target="_blank">

Prova själv

Method-egenskap

Method-egenskapen specificerar den HTTP-metod som används för att skicka formulärdata.

Formulärdata kan användas som URL-variabler (använd method="get") eller som HTTP POST-transaktion (använd method="post") skickas.

Standard HTTP-metoden för att skicka formulärdata är GET.

Exempel

Detta exempel använder GET-metoden för att skicka formulärdata:

<form action="/action_page.php" method="get">

Prova själv

Exempel

Detta exempel använder POST-metoden för att skicka formulärdata:

<form action="/action_page.php" method="post">

Prova själv

Viktiga punkter om GET:

  • Lägg till formulärdata i URL:en i form av namn/värde-pa
  • Använd aldrig GET för att skicka känslig data! (Formulärdata syns i URL!)
  • Längden på URL:en är begränsad (2048 tecken)
  • Mycket användbart för formulärskickanden där användaren vill lägga till resultat som bokmärke
  • GET används för osäkra data, till exempel söksträngar i Google

Viktiga punkter om POST:

  • Lägg till formulärdata i HTTP-fostran (formulärdata visas inte i URL)
  • POST har ingen storleksbegränsning och kan användas för att skicka stora mängder data.
  • Formulär som skickas med POST kan inte lagra bokmärken.

Tips:Använd POST om formulärdatan innehåller känslig information eller personlig information!

Autocomplete-egenskap

autocomplete Egenskapen definierar om formuläret bör öppna automatisk fyllning.

När automatisk fyllning är aktiverad, fyller webbläsaren automatiskt i värden baserat på användarens tidigare inmatningar.

Exempel

Aktivera automatisk fyllning av formulär:

<form action="/action_page.php" autocomplete="on">

Prova själv

Novalidate-egenskapen

novalidate Egenskapen är en boolean egenskap.

Om inställd, definierar den att formulärdata inte ska valideras vid skickning.

Exempel

Formulär utan inställd novalidate-egenskap:

<form action="/action_page.php" novalidate>

Prova själv

Listan över alla <form>-egenskaper

Egenskap Beskrivning
accept-charset Definiera den teckenkodning som används för att skicka formulärdata.
action Definiera var formulärdata ska skickas när formuläret skickas.
autocomplete Definiera om formuläret ska öppna funktionen för automatisk fyllning (utfyllning).
enctype Definiera hur formulärdata ska kódas när den skickas till servern (endast för method="post").
method Definiera den HTTP-metod som ska användas när formulärdata skickas.
name Definiera formulärsnamnet.
novalidate Definiera att formuläret inte ska valideras vid skickning.
rel Definiera förhållandet mellan länkresursen och det aktuella dokumentet.
target Definiera var som ska visas efter att formuläret har skickats in.