HTML formulær egenskaber

Dette kapitel introducerer HTML <form> Forskellige egenskaber for elementet.

Action egenskab

action Egenskaber definerer den operation, der skal udføres ved submit af formularen.

Normalt sendes formulardata til en fil på serveren, når brugeren klikker på "submit"-knappen.

I nedenstående eksempel sendes formulardata til en fil med navnet "action_page.php". Denne fil indeholder server-side script til at håndtere formulardata:

Example

Efter submit, sendes formulardata til "action_page.php":

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

Try it yourself

Påmindelse:Hvis action-attributten udelades, sættes action til den aktuelle side.

Target egenskab

target Egenskaben bestemmer, hvor svaret vises efter indsendelse af formularen.

target Egenskaben kan sættes til en af følgende værdier:

Værdi Description
_blank Svaret vises i et nyt vindue eller fane.
_self Svaret vises i det aktuelle vindue.
_parent Svaret vises i den overordnede ramme.
_top Svaret vises i vinduets hele body.
framename Svaret vises i det navngivne iframe.

Standardværdien er _self, hvilket betyder, at svaret vil åbne i det aktuelle vindue.

Example

Her vil de indsendte resultater åbne i en ny browserfane:

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

Try it yourself

Method egenskab

Method egenskaben specificerer den HTTP-metode, der skal bruges til at sende formulardata.

Formulardata kan bruges som URL-variabler (brug method="get") eller som HTTP POST-transaktion (brug method="post") send.

Standard HTTP-metoden ved formularsubmission er GET.

Example

Dette eksempel bruger GET-metoden til at indsende formulardata:

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

Try it yourself

Example

Dette eksempel bruger POST-metoden til at indsende formulardata:

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

Try it yourself

Bemærkninger om GET:

  • Tilføj formulardata som navn/værdi-par til URL'en
  • Brug aldrig GET til at sende følsomme data! (Indsendte formulardata er synlige i URL'en!)
  • Længden af URL'en er begrænset (2048 tegn)
  • Værktøj til brugere, der ønsker at tilføje resultater som bogmærker
  • GET er egnet til ikke-sikre data, såsom søgestrengene i Google

Bemærkninger om POST:

  • Tilføj formulardata som tekst i HTTP-forespørgslen (ikke vist i URL)
  • POST har ingen størrelsesbegrænsning og kan bruges til at sende store mængder data.
  • Formularsubmission med POST kan ikke tilføje bogmærker

Påmindelse:Hvis formulardata indeholder følsomme oplysninger eller personlige oplysninger, skal du pålægge POST!

Autocomplete egenskab

autocomplete Egenskaben bestemmer, om formularen skal have automatisk udfyldelse aktiveret.

Når automatisk udfyldelse er aktiveret, vil browseren automatisk udfylde værdier baseret på brugerens tidligere input.

Example

Aktiver automatisk udfyldelse af formularen:

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

Try it yourself

Novalidate attribute

novalidate The attribute is a boolean attribute.

If set, it specifies that the form data should not be validated when submitted.

Example

Form without novalidate attribute set:

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

Try it yourself

List of all <form> attributes

Attribute Description
accept-charset Specify the character encoding used for form submission.
action Specify where to send the form data when submitting the form.
autocomplete Specify whether the form should open the auto-complete (fill in) feature.
enctype Specify how to encode the form data when submitting it to the server (only for method="post").
method Specify the HTTP method to be used when sending form data.
name Specify the form name.
novalidate Specify that the form should not be validated when submitted.
rel Specify the relationship between the linked resource and the current document.
target Specify where to display the received response after submitting the form.