HTML-formulär - en del i webbläsaren

22. 8. 2019

2 min čtení

Innan vi kan behandla användardata på serversidan via PHP måste vi först få in dem. Detta görs i webbläsaren via HTML-formulär som definierar de grundläggande elementen för att ta emot data. Syftet med den här artikeln är inte att presentera alla möjligheter till formulär, utan bara de grundläggande möjligheterna att ta emot data och förstå principen.

Grundläggande HTML-blankettkälla

<form action="script.php" method="get">
<!-- Zde bude celý obsah formuláře -->
</form>

Varje formulär börjar med HTML-taggen <form> och slutar med taggen </form>. Alla formulärfält som placeras mellan dessa taggar kommer att skickas in.

Därefter måste du ange vart formuläret ska skickas med attributet action (skriptnamn) och vilken metod som ska användas med attributet method (GET eller POST). Om metoden och destinationen inte anges är standardinställningen att formuläret skickas med GET-metoden.

Grundläggande formulärfält

Det mest använda fältet används för att få fram texten (sträng). Varje fält har en egen typ och ett eget namn som gör det möjligt att känna igen det efter inlämning.

Vanliga textfält

Viktigast av allt är att jag behöver ett fält för vanlig text:

<input type="text" name="food">

Fältet för lösenord

<input type="password" name="heslo">

Kryssrutan

Den används för att kontrollera boolean (TRUE och FALSE):

<input type="checkbox" name="vop" checked="checked">

Godkänner du villkoren?

Radioknapp för att välja flera alternativ

<input type="radio" name="language" value="cz" checked> Čeština
<input type="radio" name="language" value="sk"> Slovenština
<input type="radio" name="language" value="en"> Angličtina

Du kan välja mellan flera alternativ. Det valda alternativet skickar sitt värde. Som standard är det bra att välja ett fält med attributet "Checked="checked"`:

Tjeckiska
Slovakiska
Engelska

Stort textfält

Skapad för att skriva in text på flera rader. Den används också för att skriva in:

cols ~ antal kolumner
rows ~ antal rader

<textarea name="article" cols="40" rows="6">
Ahoj lidi!
</textarea>

Väljbox

Det är ett bekvämt sätt att välja mellan många uppgifter.

<select name="gender">
<option value="man">Muž</option>
<option value="woman">Žena</option>
</select>

Efter att formuläret har skickats skickas värdet i value.

Skicka-knappen

Formuläret kan ha ett obegränsat antal knappar. Det är lätt att komma in i dem:

<input type="submit" value="Odeslat">

När du klickar på den tar den alla data från formulärfälten och skickar dem till det inställda skriptet:

Databehandling på servern

Därefter måste du skicka data till servern och bearbeta den där, detta behandlas i nästa artikel.