WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

Űrlapok jellemzői



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


Név Érték Leírás Böngészők
method get | post Meghatározza az információ továbbításának módját. Chrome logó Firefox logó Safari logó Opera logó IE logó
action URL Megadja az elküldött adat feldolgozását végző fájl nevét, címét. Chrome logó Firefox logó Safari logó Opera logó IE logó
enctype application/x-www-form-urlencoded
multipart/form-data
text/plain
Meghatározza az adatátvitelnél használt kódolást. Chrome logó Firefox logó Safari logó Opera logó IE logó
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. Chrome logó Firefox logó Safari logó Opera logó IE logó
target _blank | _self | _parent |
_top | framename
Megadja, hogy hol jelenjen meg a válasz. Chrome logó Firefox logó Safari logó Opera logó IE logó

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.