HTML

Vedd fel RSS feedjeid közé!

Forrás keresés (angolul)

Utolsó kommentek

Üzenetküldő űrlap készítése

2008.07.02. 08:39 fajtbros

Tedd ezt a cikket a kedvenceid közé!

A hétfői linkeknél ígértem hogy bemutatom hogyan tudjuk működővé tenni űrlapunkat. Ehhez a PHP programnyelvet hívjuk segítségül. Na nem kell megijedni, nem fogunk programozni, csupán egy meglévő PHP mail függvényt használunk.

Szeretném mindenkinek felhívni a figyelmét arra hogy PHP mail módszer nem túl biztonságos, szóval bankszámla számot ne küldözgessünk vele. Akkor kezdjük:

A HTML

Feltételezem mindenki használt már html szerkesztőt, velük könnyedén létrehozhatunk űrlapot. Lássuk a kódot:

<form id="form" name="form" method="post" action="mail.php">
  <label>
  <input type="text" name="nev" id="nev" />
  </label>
  <p>
    <label>
    <input type="text" name="email" id="email" />
    </label>
  </p>
  <p>
    <label>
    <input type="text" name="tel" id="tel" />
    </label>
  </p>
  <p>
    <label>
    <textarea name="uzenet" id="uzenet" cols="45" rows="5"></textarea>
    </label>
  </p>
  <p>
    <label>
    <input type="submit" name="mehet" id="mehet" value="mehet" />
    </label>
  </p>
</form>

 Négy dologra kell figyelni:

1. Fontos hogy a használt mezők közre legyenek fogva a <form> és </form> taggal , így adhatjuk meg melyik mezők tartoznak az űrlapunkhoz.

2. A form elején található a legfontosabb rész: az action="mail.php". Ez adja meg mi fog történni ha elküldjük az űrlapot. Jelen esetben átadja az adatokat a mail.php függvényünknek.

3. Kell egy gomb is, ami végrehajtja a küldést, ez az input type="submit". A neve adja meg a gomb feliratát.

4. Minden mezőnek egyedi id-t kell adnunk, ezekre hivatkozik majd a PHP függyvény. Pl.: id="nev".

Ezeket a lépéseket leegyszerűsíthetjük a Form generátorral. Ha elkészítjük vele az űrlapot, a letöltött fájlt csak annyiban kell szerkesztenünk, hogy a mezők id-it átírjuk a sajátjainkra, pl.:id="nev" vagy id="email".

 A PHP

Sokat nem szeretnék mondani róla, egyszerűen töltsétek le és tegyétek a html fájl mellé, és szerkesszétek át a saját igényeitekhez. A PHP fájlban benne van a magyarázat is, de azért vegyük végig:

Megadhatod hová küldje a levelet:

$mailto        = "tecimed@proba.hu" ;

A küldött levél tárgya:

$subject    = "Üzenet érkezett!" ;

A megjelenítendő lapok, pl. hibás kitöltés esetén a hiba.html fájlt jeleníti meg, sikeres küldéskor pedig koszonjuk.html-t:

$formurl        = "http://www.proba.hu/urlap.html" ;
$errorurl        = "http://www.proba.hu/hiba.html" ;
$thankyouurl  = "http://www.proba.hu/koszonjuk.html" ;

A legfontosabb most jön! Hivatkozás a mezőneveinkre:

$nev = $_POST['nev'] ;
$email = $_POST['email'] ;
$tel = $_POST['tel'] ;
$uzenet = $_POST['uzenet'] ;

Megadhatjuk mely mezők kitöltése kötelező, nem jó kitöltés esetén a hiba.html jelenik meg:

if (empty($nev) || empty($email) || empty($tel) || empty($uzenet)) {
   header( "Location: $errorurl" );
   exit ;
}

Készen vagyunk! Már csak annyi a dolgunk hogy feltöltjük a szerverre a fájlokat. Várom a kérdéseket!

A kész fájlokat letölthetitek innen:

PHP űrlapküldő

11 komment

Címkék: html web php tutorial dreamweaver

A bejegyzés trackback címe:

http://fajtbros.blog.hu/api/trackback/id/tr7549138

Kommentek:

A hozzászólások a vonatkozó jogszabályok  értelmében felhasználói tartalomnak minősülnek, értük a szolgáltatás technikai  üzemeltetője semmilyen felelősséget nem vállal, azokat nem ellenőrzi. Kifogás esetén forduljon a blog szerkesztőjéhez. Részletek a  Felhasználási feltételekben.

lburai 2008.10.23. 09:38:06

Üdv: kérésem az lenne olyat tudna mutatni ami a szöveg mezök kitöltését ellenörzi és képet is lehet küldeni vele (3mat) egyszerre. ?

fajtbros · http://www.fbmultimedia.hu 2008.10.23. 09:48:37

A szöveg mezőket most is ellenőrzi, a leírás végén említettem: "Megadhatjuk mely mezők kitöltése kötelező, nem jó kitöltés esetén a hiba.html jelenik meg"

Képküldés plusz kóddal megoldható, de sajnos alapból nincs benne ez a lehetőség.

acsim 2010.08.31. 21:40:48

Hali!

Mit lehet tenni annak érdekében, hogy az ékezetes betűket is kezelje a php?
Az üzenet küldésekor ékezetes betűk helyett krix-krax-ok jelennek meg.
Köszi:
Ács Imre

AttilkaKovacs 2011.04.11. 19:17:36

Szia!
Eltudnád nekem küldeni a fájlokat?

atyuss 2011.04.25. 11:11:06

Hi!

Sajnos nem lehet letölteni a PHP űrlapküldő csomagot a megadott linkről. El tudnád nekem küldeni e-mailben?

Köszönettel: Cseh Attila (true_blue kukac freemail.hu)

Shoujo · http://bloodlessvampire.wordpress.com 2011.06.05. 01:16:30

Helló!

Látom ez már nem egy mai cikk, de mégis remélem, hogy én is megkaphatom a PHP űrlapküldő csomagot e-mailben.

Köszönettel:
Alexandra (shoujo kukac citromail.hu)

ksp13 2011.06.10. 11:08:17

Üdv!

Első körben gratulálok fajtbros-nak, hogy sok embernek segített a fáradozásaival. Mellékesen én is csak remélni tudom, hogy olvassa a comment-et és nekem is elküldi a PHP űrlapküldő csomagot. :D
Nagy arc vagy és csak így tovább!!!

ksp13 2011.06.10. 11:10:09

system1013 kukac gmail.com

NexTDesign 2011.07.03. 16:07:11

Valaki fel tudná nekem tölteni mivel nem tudom már letölteni mivel nem engedi :S

Nagyon megköszöném!

Éppen a webemre kéne =)

Üdv:NexTDesigner
UI:Lécíves töltsétek fel! :DD

NexTDesign 2011.07.03. 16:08:00

@fajtbros: Kérlek töltsd fel vagy küld el!

Email címem:nextdesignertm@gmail.com

Nagyon hálás lennék!

Üdv:NexT

apacukaa12 2011.09.03. 12:59:48

Srácok, sajnos FajtBros már nem fog tudni küldeni semmit! :(
Nyugodj békében Kris ...