HTML => formulär

Introduktion

För att gruppera inmatningselement och skicka in data använder HTML ett formulärelement för att kapsla in och inlämnande element. Dessa formulär hanterar att skicka data på den angivna metoden till en sida som hanteras av en server eller handlare. Detta ämne förklarar och demonstrerar användningen av HTML-formulär för att samla in och skicka in data.

Syntax

<form method="post|get" action="somePage.php" target="_blank|_self|_parent|_top|framename">

parametrar

Attribut	Beskrivning
`accept-charset`	Anger de teckenkodningar som ska användas för formuläret.
`action`	Anger vart skicka formulärdata när ett formulär skickas in.
`autocomplete`	Anger om ett formulär ska ha autofyllt på eller av.
`enctype`	Anger hur formdata ska kodas när de skickas till servern (endast för metod = "post").
`method`	Anger HTTP-metoden som ska användas när du skickar formdata (POST eller GET).
`name`	Anger namnet på ett formulär.
`novalidate`	Anger att formuläret inte ska valideras när det skickas in.
`target`	Anger var det svar som ska tas efter att formuläret har skickats visas.

Anmärkningar

Elementet <form> representerar ett avsnitt som innehåller formassocierade element (t.ex. <button> <fieldset> <input> <label> <output> <select> <textarea> ) som skickar information till en server. Både start- ( <form> )- och slut- ( </form> ) -taggar krävs.

Skicka in

Handlingsattributet

Åtgärdsattributet definierar den åtgärd som ska utföras när formuläret skickas in, vilket vanligtvis leder till ett skript som samlar in den information som skickas in och fungerar med den. om du lämnar den tom, skickar den till samma fil

<form action="action.php">

Metodattributet

Metodattributet används för att definiera HTTP-metoden i formen som är antingen GET eller POST.

<form action="action.php" method="get">
<form action="action.php" method="post">

GET-metoden används mest för att få data, till exempel för att få ett inlägg med sitt ID eller namn, eller för att skicka in en sökfråga. GET-metoden lägger till formulärdata till den URL som anges i åtgärdsattributet.

www.example.com/action.php?firstname=Mickey&lastname=Mouse

POST-metoden används när du skickar data till ett skript. POST-metoden lägger inte formulärdata till åtgärdens URL utan skickas med hjälp av förfrågningsorganet.

För att skicka informationen från formuläret korrekt måste ett namnattributnamn anges.
Som ett exempel låt oss skicka fältets värde och ställa in dess namn till efternamn :

<input type="text" name="lastname" value="Mouse">

Fler attribut

<form action="action.php" method="post" target="_blank" accept-charset="UTF-8" 
enctype="application/x-www-form-urlencoded" autocomplete="off" novalidate>

<!-- form elements -->

</form>

Målattribut i formtagg

Målattributet anger ett namn eller ett nyckelord som anger var det svar som ska tas efter att formuläret har skickats in ska visas.

Målattributet definierar ett namn på eller sökord för en bläddringskontext (t.ex. flik, fönster eller inramning).

Från tagg med ett målattribut:

<form target="_blank">

Attributvärden

Värde	Beskrivning
_tom	Svaret visas i ett nytt fönster eller flik
_själv	Svaret visas i samma ram (detta är standard)
_förälder	Svaret visas i överordnade ramar
_topp	Svaret visas i hela fönstret
framename	Svaret visas i en namngiven iframe

Obs: Målattributet avskrivs i HTML 4.01 . Målattributet stöds i HTML5 .
Ramar och ramuppsättningar stöds inte i HTML5 , så värdena för _parent, _top och framename används nu mest med iframes .

Ladda upp filer

Bilder och filer kan laddas upp / lämnas till servern genom att sätta enctype attribut form tag till multipart/form-data . enctype anger hur enctype ska kodas när de skickas till servern.

Exempel

<form method="post" enctype="multipart/form-data" action="upload.php"> 
    <input type="file" name="pic" />
    <input type="submit" value="Upload" />
</form>

Gruppera några inmatningsfält

När du utformar ett formulär kanske du vill gruppera några inmatningsfält i en grupp för att organisera formlayouten. Detta kan göras med taggen. Här är ett exempel för att använda det.

För varje fältuppsättning kan du ställa in en legend för uppsättningen med taggen LEGEND TEXT

Exempel

<form>
  <fieldset>
     <legend>1st field set:</legend>
     Field one:<br>
     <input type="text"><br>
     Field two:<br>
     <input type="text"><br>
  </fieldset><br>
  <fieldset>
     <legend>2nd field set:</legend>
     Field three:<br>
     <input type="text"><br>
     Field four:<br>
     <input type="text"><br>
  </fieldset><br>
  <input type="submit" value="Submit">
</form>

Resultat

Webbläsarsupport

Chrome, IE, Edge, FireFox, Safari och Operas senaste versioner stöder också taggen

Modified text is an extract of the original Stack Overflow Documentation

Licensierat under CC BY-SA 3.0

Inte anslutet till Stack Overflow

HTML
formulär

Sök…