HTML-formularer - en del i browseren

22. 8. 2019

2 min čtení

Før vi kan behandle brugerdata på serversiden via PHP, skal vi først hente dem. Dette sker i browseren via HTML-formularer, der definerer de grundlæggende elementer til modtagelse af dataene. Formålet med denne artikel er ikke at præsentere alle mulighederne for formularer, men blot de grundlæggende muligheder for at acceptere data og forstå princippet.

Grundlæggende HTML-formularkilde

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

Hver formular starter med HTML-tag <form> og slutter med tag </form>. Alle formularfelter, der er placeret mellem disse tags, vil blive indsendt.

Dernæst skal du angive, hvor formularen skal sendes hen med attributten action (scriptnavn), og hvilken metode den skal sendes med attributten method (GET eller POST). Hvis du ikke angiver en metode og destination, sendes formularen som standard med GET-metoden.

Grundlæggende formularfelter

Det mest anvendte felt bruges til at hente teksten (streng). Hvert felt har sin egen type og sit eget navn, som det kan genkendes efter indsendelse.

Almindelige tekstfelter

Vigtigst af alt er, at jeg har brug for et almindeligt tekstfelt:

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

Adgangskodefelt

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

Afkrydsningsfelt

Den bruges til at kontrollere boolske værdier (TRUE og FALSE):

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

Er du indforstået med betingelserne?

Radioknap til at vælge flere muligheder

<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

Den giver dig mulighed for at vælge mellem flere muligheder. Den valgte indstilling sender sin værdi. Som standard er det godt at vælge et felt med attributten checked="checked":

Tjekkisk
Slovakisk
Engelsk

Stort tekstfelt

Oprettet til indtastning af tekst på flere linjer. Det bruges også til at indtaste:

cols ~ antal kolonner
rows ~ antal rækker

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

Selectbox

Præsenterer en praktisk måde at vælge mellem mange data på.

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

Når formularen er indsendt, sendes værdien i value.

Indsend knap

Formularen kan have et ubegrænset antal indsendelsesknapper. De er nemme at komme ind i:

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

Når der klikkes på den, tager den alle dataene fra formularfelterne og sender dem til det indstillede script:

Databehandling på serveren

Dernæst skal du sende dataene til serveren og behandle dem der, dette er dækket i den næste artikel.