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

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"`:

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>

Hej killar!

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.

Jan Barášek   Více o autorovi

Autor článku pracuje jako seniorní vývojář a software architekt v Praze. Navrhuje a spravuje velké webové aplikace, které znáte a používáte. Od roku 2009 nabral bohaté zkušenosti, které tímto webem předává dál.

Rád vám pomůžu:

Kontakt