Bemutató az űrlapokba

Egy űrlap egyszerűen egy terület amely tartalmaz űrlap mezőket. A form field egy objektum amelyben a felhasználó információt add hozzá - lehet akár egy text area, egy rádió gomb vagy egy lenyíló menü. Bármilyen web űrlap lényegében ugyanúgy működik - a felhasználó kitölt néhány információt és rányom a beadás gombra. Az űrlap létfontos ha szeretnél tudni bármit a felhasználódról - pl. küldjön neked egy levelet, tároljon információkat az adatbázisodban, és így tovább.

Számtalan módja annak hogyan lehet egy űrlapot beállítani és töltöttél több mint 30 percet a weben (és feltételezem hogy ezt csináltad) valószínűleg szoktál feliratkozni hírlevelekre, csinálni egy valuta váltást, vagy bármi ami közte van.

Ebben a fejezetben meg fogod tanulni a webes űrlap készítés alapjait és ahogy egyszer már átvetted, bele tekinthetsz a HTML5-nek minden funkciójába amit bevezetek a webes űrlapokra egy jövő fejezetbe.

Hogyan is működik a HTML űrlap ?

Egy webes űrlapnak két része van - A HTML 'front end' és a back end űrlap feldolgozó. A HTML front end rész kezeli a megjelenítést miközben a back end kezeli az űrlapok beadásait.
A back end űrlapjait általában olyan nyelvekben írják mint például PHP-ben vagy ASP-ben. De nem kell tudnod ezeket a nyelveket hogy tud csinálni egy működő űrlapot , emiatt nem kell aggódnod - használhatsz egy formail-t, amit általában hozzáférhető internet szolgáltatód keresztül (internet service provider - ISP). Ha nem, akkor van számos ingyenes és fizetős szolgáltatások és annyit kell csinálni hogy kiválasztód a tetszésed szerint az egyiket.

Itt van lépésről lépésről, hogyan működik tipikusan egy űrlap

• Egy felhasználó meglátogatja a weblapodat amely a tartalmaz egy űrlapot.
• A felhasználó web böngészője megjeleníti a HTML űrlapot.
• A felhasználó kitölti az űrlapot és rákattint a beadásra
• A böngésző elküldi a beadott űrlap adatát a web szervernek.
• Az űrlap feldolgozó script (formmailként ismerve) megy a web szerveren feldolgozva az űrlap adatát
• Egy válasz oldalt visszaküld a böngészőnek.