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 />

• method - értéke get vagy post lehet, az action által kijelölt script működését<br />

befolyásolja, get esetén az URL-ben kerül továbbításra az adat, míg post esetén<br />

a felhasználótól rejtve<br />

• name - az űrlap nevét lehet meghatározni, JavaScript esetén ezzel a névvel<br />

lehet hivatkozni a formra<br />

• id - CSS és/vagy JavaScript esetén van jelentősége<br />

• enctype - megadhatjuk az űrlap adatainak típusát is. Ez alapértelmezés szerint<br />

'application/x-www-form-urlencoded', file típusú beviteli mező esetén<br />

'multipart/form-data' értéket kell megadni<br />

Nézzük a következő példát:<br />

<br />

...<br />

<br />

A fenti példában az űrlap neve teszt, a továbbküldési mód a get, és a feldolgozó oldal<br />

az urlapfeld.html lesz. A '...' helyén a külöböző beviteli mezők leírásának kell szerepelni. De<br />

ezen kívül tetszőleges html elemek is elhelyezhetők a form-on, mint a szöveg, a bekezdés, a<br />

táblázat, a kép, stb.<br />

Az alábbi példa már életszerű elemeket is tartalmaz a teljesség kedvéért:<br />

<br />

Neved: <br />

Cimed: <br />

<br />

<br />

Az előző példához képest csak a középső rész változott. Amint látszik itt egyszerű<br />

szövegek is szerepelhetnek, mint a 'Neved:' vagy a 'Címed:' , valamint a szövegek és a beviteli<br />

mezők bekezdésekben ( elem) kerülnek elhelyezésre. A text típusú elem egy<br />

egysoros szöveges beviteli mezőt helyez el az oldalon. Az name attribútumával azt<br />

lehet meghatározni, hogy milyen nevű változóban kerüljön továbbításra a mezőbe írt szöveg.<br />

A submit típusú elem egy nyomógombot határoz meg, amelynek a feliratát a value<br />

attribútum értékeként lehet megadni. Ha a felhasználó rákattint erre a nyomógombra, akkor<br />

elem action attribútumában mehatározott oldal kerül megnyitásra.<br />

A példát megjelenítve a következő eredményt kapjuk:<br />

86

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

Saved successfully!

Ooh no, something went wrong!