09.05.2015 Views

Webszerkesztés és HTML programozás - inter-studium.hu

Webszerkesztés és HTML programozás - inter-studium.hu

Webszerkesztés és HTML programozás - inter-studium.hu

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Vinnai Zoltán: <strong>HTML</strong><br />

Egyiken megjelenik az űrlap, a beviteli elemekkel, a másik oldalon pedig a beírt értékeket<br />

dolgozzuk fel, megjelenítjük, vagy adatbázisba írjuk, vagy csak a megadott adatok alapján<br />

más-más elemeket jelenítünk meg.<br />

A bekérési folyamat egyszerű <strong>HTML</strong> elemekkel megoldható. A feldolgozás azonban<br />

nem oldható meg tisztán <strong>HTML</strong> elemek segítségével. Ehhez mindenképpen valamilyen<br />

programra van szükség. A feldolgozó program tetszőleges programozási nyelven készülhet,<br />

amelyik képes web-es adatokat fogadni, és szöveges eredményt előállítani. A feldolgozó<br />

program készülhet JavaScript-ben, Java-ban, C nyelven, de manapság többnyire PHP nyelven<br />

készítik el a feldolgozó rutinokat.<br />

Az űrlap feldolgozási folyamata:<br />

• az első oldal megjeleníti az űrlapot<br />

• a felhasználó adatokat ad meg, vagy választ ki<br />

• a felhasználó elfogadja a megadott adatokat, tipikusan rákkattint egy<br />

nyomógombra<br />

• a böngésző elküldi az adatokat egy másik oldalnak<br />

• a másik oldal feldolgozza az adatokat valamilyen program segítségével<br />

• a másik oldal megjeleníti az eredményt<br />

A <strong>HTML</strong> kódban elhelyezett űrlapokat a utasítás fogja keretbe. Van nyitó és<br />

záró TAG-je is. A nyitó TAG-on belül pedig több paramétert is meg lehet adni. Az egyik<br />

ilyen attribútum a method, ami a továbbküldés módját határozza meg. Itt ugyanis két<br />

lehetőség is van, a get és post. Ha nem adjuk meg, akkor a get az alapértelmezett.<br />

A get üzenetküldési mód az oldal URL-jében küldi el a paramétereket. Ez a fajta<br />

megoldás nem a legbiztonságosabb, mivel a felhasználó is látja, hogy milyen adatok kerülnek<br />

átadásra, és könnyedén lehet ezt módosítani. A get metódussal küldött adatok például a<br />

következőképpen jelennek meg böngészés közben:<br />

http://www.pelda.<strong>hu</strong>/index.php?Nev=Kiss&Cim=Valahol<br />

Ebben az URL-ben a www.pelda.<strong>hu</strong> a gép címe, az index.php a feldolgozó program,<br />

a Nev és a Cim a két továbbításra került adat neve, míg a Kiss és a Valahol a két adat értéke.<br />

A '?'-től kezdve a további részeket a böngésző illesztette hozzá a címhez, ha get metódussal<br />

kerültek továbbításra. A get metódussal küldött adatokat JavaScript-el is fel lehet dolgozni.<br />

A post üzenetküldési mód ezzel szemben a felhasználó számára láthatatlan módon<br />

továbbítja az adatokat. Azonban ilyen esetekben mindenképpen programra van szükség, itt<br />

már a JavaScript sem működik.<br />

25.3. A form TAG<br />

A űrlap beviteli elemeit a utasításnak kell körbefognia. Lényeges megkötés,<br />

hogy a elemen belül nem lehet másik . A fontosabb attribútumai:<br />

• action - értéke meghatározza az űrlap által használt program, parancsfájl URLét,<br />

elérési útját. Ez lehet egy egyszerű e-mail cím is (ekkor az űrlap adatait<br />

szövegként küldi el oda), gyakrabban azonban egy CGI programra/script-re<br />

mutat.<br />

85

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!