Vormid

Vorme või forme või ankeete kasutatakse andmete saatmiseks serverisse, kus PHP (või mõni muu programmeerimiskeel) neid edasi töötleb.

Järgnevalt ülevaade HTML-i vormitaagidest.

Ankeeti alustab <form> ning lõpetab </form> taag. Alustavas form taagis saab määrata:

• action - skripti aadress, mis ankeeti töötleb
• method - mis meetodil andmed serverisse saata. võimalikud variandid on POST või GET. GET meetodiga saadetud väljad jäävad brauseri aadressiribal näha, POST meetodil saadetud ei jää.
• enctype - kuidas väljad kodeeritakse. Vaikimisi on selleks väärtuseks „application/x-www-form-urlencoded“ ja see sobib kõigil juhtudel väljaarvatud failide uploadimisel. Uploadimiseks tuleb kasutada enctype=„multipart/form-data“
• target - millises aknas vastused saata: _self (vaikimisi) samas aknas, _blank uues tühjas, _parent - kui tegu on mitme raamilise lehega siis avatakse peamises raamis.

Väike formi-näide (mis ei tee küll mitte midagi):

<form action="script.php" method="POST">
</form>

Sisestusvälju (input) on erineva otstarbega ning erinevaid tüüpe:

text - üherealine tekst

Tihedamini kasutatavad atribuutid on:

• name - nimi, selle järgi saab pärast andmed kätte
• value - välja vaikimisi väärtus
• size - sisestusvälja suurus
• maxlength - maksimaasene lubatud märkide arv

<input type="text" name="nimi" value="miskit" size="10">

<input type="text" name="nimi" value="miskit" size="10"/>

Parooliväli password sarnaneb tekstisisestusväljale, kuid sisestatava teksti asemel kuvatakse tärnikesi.

Tihedamini kasutatavad atribuutid on:

• name - nimi, selle järgi saab pärast andmed kätte
• value - välja vaikimisi väärtus
• size - sisestusvälja suurus
• maxlength - maksimaasene lubatud märkide arv

<input type="password" name="nimi" value="miskit" size="10">

<input type="password" name="nimi" value="miskit" size="10"/>

Hidden on peidetud väli, seda brauseris ei kuvata, kuid sellega saab ankeediga nähtamatult andmeid kaasas vedada.

Tihedamini kasutatavad atribuutid on:

• name - nimi, selle järgi saab pärast andmed kätte
• value - välja vaikimisi väärtus

<input type="hidden" name="nimi" value="miskit">

radio-tüüpi väli võimaldab sisestada valikvariante, nt sugu: (*) M - () N

Tihedamini kasutatavad atribuutid on:

• name - nimi, selle järgi saab pärast andmed kätte
• value - välja vaikimisi väärtus
• checked - kas valik on märgitud

<h2>sugu</h2>
<input type="radio" name="sugu" value="m">
<input type="radio" name="sugu" value="n" checked="checked">

<h2>sugu</h2> <input type="radio" name="sugu" value="m"/> <input type="radio" name="sugu" value="n" checked="checked"/>

checkbox on kontrollruut, millesse saab teha linnukese. Kasutatakse nt tingmustega nõustumiseks jms

Tihedamini kasutatavad atribuutid on:

• name - nimi, selle järgi saab pärast andmed kätte
• value - välja vaikimisi väärtus
• checked - kas valik on märgitud

<input type="checkbox" name="sugu" value="ok"> nõustun tingimustega.

<input type="checkbox" name="sugu" value="ok"/> nõustun tingimustega.

file on faili uploadimiseks, see annab tekstisisestusvälja ning „Browse“ nupu.

Tihedamini kasutatavad atribuutid on:

• name - väljanimi, selle järgi saab pärast andmed kätte

<input type="file" name="failike">

<input type="file" name="failike"/>

Vaata ka juttu uploadimise kohta.

submit on nupp, millele vajutades saadetakse andmed serverisse

Tihedamini kasutatavad atribuutid on:

• name - nimi, selle järgi saab pärast andmed kätte
• value - välja väärtus (see on näha nupu pealkirjana)

<input type="submit" name="ok" value="salvesta">

<input type="submit" name="ok" value="salvesta"/>

reset on nupp, millele vajutades taastatakse ankeedi algne seis (tühjendatakse valitud väljad).

Tihedamini kasutatavad atribuutid on:

• name - nimi, selle järgi saab pärast andmed kätte
• value - välja väärtus (see on näha nupu pealkirjana)

<input type="reset" name="no" value="puhasta">

<input type="reset" name="no" value="puhasta"/>

Lisaks on olemas textarea väli, mida kasutatakse mitmerealise teksti sisestamiseks.

Tihedamini kasutatavad atribuutid on:

• name - nimi, selle järgi saab pärast andmed kätte
• cols - laius märkides
• rows - ridade arv

<textarea name="tekst" cols="20" rows="6"></textarea>

<textarea name="tekst" cols="20" rows="6"></textarea>

<?php
if(!empty($_POST))
{
  echo '<pre>';
  print_r($_POST);
  echo '</pre>';
}
?>
<h1>Pizza tellimise ankeet</h1>
<form action="<?php echo $_SERVER['SCRIPT_NAME']; ?>" method="POST">
<input type="radio" name="pizza" value="super" checked="checked">Super Pizza<br>
<input type="radio" name="pizza" value="mafioso">Mafioso<br>
 
<br>
<h2>Lisandid</h2>
<input type="checkbox" name="lisandid[]" value="hapukukk">Hapukukk<br>
<input type="checkbox" name="lisandid[]" value="praetud kukk">Praetud kukk<br>
<input type="checkbox" name="lisandid[]" value="väike mukk">Väike mukk<br>
 
<h2>Tellija andmed</h2>
Telefon <input type="text" name="telefon" size="40"> <br>
Aadress <textarea name="aadress" cols="40" rows="3"></textarea> <br>
 
<input type="submit" value="telli"> <input type="reset" value="tühista">
</form>

Vajutades Telli nuppu on brauseris näha järgnev pilt:

Vaata ka formi_valideerimine

Jätkame „edasijõudnute“ teemal - klasside ja üldse objekt-orienteeritud programmeerimisega.