Sök…


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

Resultatet för ovanstående kod

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