Űrlapok jellemzői - WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS

Az űrlap elem jellemzői (HTML Form Attributes)

Név	Érték	Leírás
method	get \| post	Meghatározza az információ továbbításának módját.
action	URL	Megadja az elküldött adat feldolgozását végző fájl nevét, címét.
enctype	application/x-www-form-urlencoded multipart/form-data text/plain	Meghatározza az adatátvitelnél használt kódolást.
accept-charset	Karakterkódolás pl. UTF-8	Lehetővé teszi, hogy böngészőfüggetlenül, azonos karakterkódolással történjen az adatok továbbítása.
target	_blank \| _self \| _parent \| _top \| framename	Megadja, hogy hol jelenjen meg a válasz.

A <form> elem method jellemzője határozza meg az információ továbbításának módját:

Értékei:
- get: Az adatok átadása URL paramétereként történik, amelyek megjelennek a böngésző címsorában. Titkos információk továbbítására ne használjuk.
- post: Nagy mennyiségű adat háttérben történő elküldésére alkalmas.

A <form> elem action jellemzője adja meg az elküldött adat feldolgozását végző fájl nevét.

<form action="feldolgozo.php" method="post">

A <form> elem enctype jellemzője határozza meg az adatátvitelnél használt kódolás típusát.

Értékei:
- application/x-www-form-urlencoded: Alapértelmezett. Az elküldött adatok neve és értéke közé = jel kerül, a szóközöket + jelre cseréli, a speciális karaktereket hexadecimális ASCII kódjára alakítja.
- multipart/form-data: Fájlok feltöltésénél használjuk. Nem végez karakterkódolást.
- text/plain: Ha az adott űrlapot email továbbítására használjuk, akkor a célszerű használni. Így olvasható marad a szöveg.

A következő két példakód működése közötti különbség a példa űrlapoknak a böngésző ablakában történő megnyitásakor látható. Ekkor a böngésző címsorát érdemes összehasonlítani a két különböző kód esetén. A példa űrlapokra mutató linkek: html5_form_post.php és html5_form_get.php

1. példa (POST metódus ):

Forráskód


<h2>POST metódus használata</h2>
<form action="html5_form_post.php" method="post">
  Név: <input type="text" name="nev" value="Ki vagy?" > <br>	
  Jelszó: <input type="password" name="jelszo" value="még nincs" > <br>		
  <input type="submit" name="kuld">
</form>

Eredmény*

2. példa (GET metódus ):

Forráskód


<h2>POST metódus használata</h2>
<form action="html5_form_get.php" method="get">
  Név: <input type="text" name="nev" value="Ki vagy?" > <br>	
  Jelszó: <input type="password" name="jelszo" value="még nincs" > <br>		
  <input type="submit" name="kuld">
</form>

Eredmény*

A következő példakódok esetén az adatok elküldésénél mindig új ablak nyílik! (target="_blank")

3. példa (GET metódus és target="_blank" ):

Forráskód


<h2>POST metódus használata</h2>
<form action="html5_form_get_blank.php" target="_blank" method="get">
  Név: <input type="text" name="nev" value="Ki vagy?" > <br>	
  Jelszó: <input type="password" name="jelszo" value="még nincs" > <br>		
  <input type="submit" name="kuld">
</form>

Eredmény*

4. példa (POST metódus és target="_blank):

Forráskód


<h2>POST metódus használata</h2>
<form action="html5_form_post_blank.php" target="_blank" method="post">
  Név: <input type="text" name="nev" value="Ki vagy?" > <br>	
  Jelszó: <input type="password" name="jelszo" value="még nincs" > <br>		
  <input type="submit" name="kuld">
</form>

Eredmény*

* Az eredmény megjelenítése az Ön által használt böngészőtől függ.