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

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

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

25. Űrlapok 1<br />

25.1. Alapelemek<br />

Az űrlapok segítségével adatokat lehet kérni a felhasználóktól, vagyis <strong>inter</strong>aktívvá<br />

lehet tenni az oldalt. Az adatok megadására többféle lehetőséget is biztosít a <strong>HTML</strong> nyelv<br />

(zárójelben a <strong>HTML</strong> azonosító nevek):<br />

• egyszerű szöveges beviteli mező (text)<br />

• többsoros szöveges beviteli mező (textarea)<br />

• jelölőnégyzet (checkbox)<br />

• rádiógomb (radio)<br />

• egyszerű nyomógomb (button, submit)<br />

• rejtett mező, amit a felhasználó nem lát, de ezzel ugyanúgy adatokat lehet<br />

küldeni (hidden)<br />

Ezek az elemek ugyanazok, amikkel a Windows alatti program beállításait lehet<br />

elvégezni, vagyis a használatuk nem okozhat senkinek sem problémát. Egy példa az elemek<br />

megjelenésére:<br />

57. ábra Űrlap elemek<br />

Az űrlapokon elhelyezett elemek segítségével különböző feladatokat oldhatunk meg :<br />

• a felhasználótól bizonyos adatokat kérhetünk be, melynek strukturáját mi<br />

határozzuk meg<br />

• lehetővé tesszük a szerveren tárolt adatok lekérdezését<br />

• megengedjük a felhasználónak, hogy az adatbankot kezelje, adatait módosítsa<br />

• <strong>inter</strong>aktív módon adatokat kérhetünk le egy termékpalettáról, hogy valamit<br />

megrendeljünk belőle<br />

25.2. Az űrlap (form) működése<br />

Az űrlap célja, hogy adatokat kérjen be a felhasználótól, és valamilyen módon<br />

feldolgozza azokat. Az adatok bekérése és feldolgozása rendszerint külön oldalakon történik.<br />

84

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

Saved successfully!

Ooh no, something went wrong!