ŰRLAP TESZT kézi adatbevitel

Ez egy teszt űrlap, melyet mindenki saját maga tölt ki, és tesztelheti az adatfeldolgozás menetét.

Ezen űrlapon, minden űrlapmezőt szerepeltetünk, de csak egyszer.
Gyakorlatban, némely mezőtípus többször is szerepel az űrlapon. Ebben az esetben, minden mezőnek, egyedi azonosító névvel kell rendelkeznie
A könnyebb nyomon követés érdekében, az űrlapmezők elnevezései (name), megegyeznek a mezőnek adott típussal.
Természetesen, mindenki tetszésének megfelelő egyedi elnevezést adhat az űrlapján szereplő mezőknek.

Elsőként úgy teszteljük az űrlapot, hogy ne töltsünk ki semmit, csak kattintsunk a küldő gombra.
Másodszor, ne töltsünk ki minden mezőt, és így teszteljük a feldolgozást.
Harmadszor úgy teszteljük az űrlapot, hogy töltsünk ki minden mezőt, és kattintsunk a küldő gombra, hogy megnézhessük, miként kerülnek az adatok feldolgozásra.

Text szövegablak:
Ird be, melyik a kedvenc tantárgyad?

Textarea szövegterület.
Írhatunk tájékoztató szöveget arról, hogy mit várunk el a felhasználótól!
Például:
- Írja meg, mi a véleménye ezen űrlapról?
- Nagyobb ablakot szeretne? Mozgassa az egeret, a jobb alsó sarokba, nyomja le az egér balos billentyűjét, és húzza az egeret lefelé!

3. CHECKBOX (Választási lehetőséged, kipipálod, vagy üresen hagyod a négyzetet.)
Megnézed az űrlap tesztet?

4. CHECKBOX. Több választási lehetőség is, kijelölhető.

4 Van már, weblapod?

4 Ismered a JavaScript programot?

4 Írtál már, PHP programot?

5. RADIO. (Egy választási lehetőség jelölhető ki.)
Mi a kedvenc szórakozásod?

Sakk?

Tenisz?

Kézilabda?

6. SELECT. (Lenyíló ablak. Egy választási lehetőség jelölhető ki)
A lenyíló ablakban felsorolt adatok közül, egyet sem jelölünk ki, akkor az űrlapadatok elküldésekor,
automatikusan az elsőként szereplő adat kerül továbbításra! Jelen esetben elsőként szereplő adat, a Matematika.
Melyik témakör a kedvenced?

7. SELECT MULTIPLE (Görgetősávos ablak. Egy választási lehetőség jelölhető ki)
Milyen osztályzatot kaptál utoljára, a kedvenc témakörödre?

8. PASSWORD (Jelszó mező.)
Írd be a jelszavad.

9. HIDDEN (Rejtett input mező, mely az űrlapon nem jelenik meg!)
Rejtett értéket, a program készítője írja be.
Jelen esetben a rejtett mező érték: value='alma'

10. RESET (Törlőgomb.)
A rejtett, azaz hidden mező értékének kivételével, minden olyan adatot töröl,
melyet felhasználó aktivált, vagy írt be az űrlapmezőkbe.
Röviden: Visszaállítja az eredeti állapotot.

11. A SUBMIT (Küldő gomb)
Ide kattintva, minden űrlapelem adata (tartalma) továbbításra, azaz, feldolgozásra kerül,
a kezdő form elemben megadott action címen!
Az űrlap adatok feldolgozásának megtekintéséhez, kattints a küldő gombra!

Fenti űrlapunk programjának leírása.


<form name="teszturlap" method="POST"  action="urlapform_feldolgozo.php" id="teszturlap">

<p>Ird be, melyik a kedvenc tantárgyad?</b> <input type="text" name="text" value=""> </p>

<p>Írja meg, mi a véleménye ezen űrlapról?<br /> <textarea name="textarea" cols="80"  rows="6"> </textarea> </p>

<p> <input type="checkbox" name="checkbox" value="Megnézem az űrlap tesztet!"> <b>Megnézed az űrlap tesztet?</b> </p>

<p> <b>Több választási lehetőség is, kijelölhető.</b> </p>
<p> <input type="checkbox" name="checkbox01" value="Van már weblapom!">   Van már, weblapod? </p>
<p> <input type="checkbox" name="checkbox02" value="Ismerem a JavaScript programot!"> Ismered a JavaScript programot? </p>
<p> <input type="checkbox" name="checkbox03"  value="Írtam már, PHP programot !">   Írtál már, PHP programot? </p>

<p> <b>Mi a kedvenc szórakozásod?</b> </p>
<p> <input type="radio" name="radio" value="Sakk"> Sakk?</p>
<p> <input type="radio" name="radio" value="Tenisz"> Tenisz? </p>
<p> <input type="radio" name="radio" value="Kézilabda"> Kézilabda?</p>
</p>

<p><b> Melyik témakör a kedvenced?</b></p>
<select name="select">
<option> Matematika </option>
<option> Fizika </option>
<option> Kémia </option>
<option> Történelem </option>
</select>

<p><b> Milyen osztályzatot kaptál utoljára, a kedvenc témakörödre?</b></p>
<select multiple name="selectmultiple[ ]">
<option> 2-es, elégséges</option>
<option> 3-as, közepes </option>
<option> 4-es, jó </option>
<option> 5-ös, kiváló </option>
</select>

<p> <b>Írd be a jelszavad.</b> <input type="password" name="password"> </p>

<p> <input type='hidden' name='hidden' value='alma'> </p>

<p> <input type="reset" name="reset" value="Törlőgomb"> </p>

<p> <input type="submit" name="submit" value="Küldőgomb"> </p>

</form>