Azt, hogy egy űrlapot egy statikus oldal
Ha az oldalak a CMS minden egyszerű - az üzenetek küldésére reagál a motor a funkcionalitás és a tárhely beállításokat, amelyek bevethetők a helyszínen, minden statikus oldal, összeállítva html cél már kell keresni más lehetőségek.
Tekintettel arra, hogy az elmúlt néhány évben, még mindig a trend-helyek odnostranichniki (Érkezési oldal vagy értékesítésében oldal), amely gyakran statikus, az a kérdés, hogyan lehet létrehozni egy kapcsolatfelvételi űrlapot ezen oldalakon igen időszerű.
A mai például az üzenetek küldésére honlapunkról lesz felelős szolgálat Formspree.io
Itt a kód egy egyszerű űrlapot:
És ez így néz ki:
Természetesen a kapott minimalista art-ház, később hozza haza az elme, és most, először nézzük meg a kódját.
Megjegyzés: a mező értéke form action - itt látjuk a szolgáltatás URL-t és e-mail címét, hogy megkapja az üzeneteinket. További vannak szabványos területeken.
Folytassa közvetlenül a létrehozása egy működő példa és Vizsgáljuk meg ezt a folyamatot a szakaszban.
Kezdeni podredaktiruem megjelenési formája: Mező hozzáadása az üzenet, valamint a hozzá és rusifitsiruem mezőnevek és helyőrzők gomb:
A kód, hogy meg tudjunk:
Most ismét mindhárom területen (név, e-mail és üzenet) van szükség. Ehhez használja a szükséges attribútum
Ha az üzenet küldése sikeres, lesz egy átirányítást egy olyan oldalra, sapka szolgáltatást. Nem szeretem ezt a helyzetet, két okból:
- Először is, a feladó dob egy harmadik fél site oldalt;
- másrészt ugyanezen az oldalon, üzenetet sikeresen küld üzenetet angolul jelenik meg, akkor nem is nagyon szép az orosz nyelvű honlapján.
Ezen hibák kijavításához.
Add a rejtett mező, és azt írják url oldalának honlapunkon, amely kerül sor, miután a sikeres átirányítás üzenetek:
Kosznjuk.html oldal maga készült összhangban a teljes design az oldalon.
A következő dolog, amit teszünk ki a leírás mezőben a „téma”, hogy látni fogjuk, ha kap egy üzenetet. Így volt azonnal világos, hogy a levél érkezett a honlapunkon, elő, például egy főcím: „Az üzenet az oldalon.”
Hozzáadása egy rejtett mező:
Itt van, hogyan fog kinézni a mi postaládájába:
Továbbá, biztosítani tudjuk a fény formájában elleni védelem spam:
Így a végén, megkaptuk a következő kódot:
Itt az ideje, hogy kipróbálja a működési forma.
Ezt megelőzően, a form action mező, győződjön meg arról, hogy cserélje [email protected] az e-mail.
Mielőtt elkezdené tökéletesen működik egy űrlapot, amit aktiválni kell az e-mail, amit már regisztrált a kódot. Ehhez nyissa meg az oldalt a lapot, töltse ki az összes mezőt, majd kattintson a küldés. Szolgáltatás kiadja a következő üzenet:
Kötelességtudóan megnyitni a mail, meg van egy levél a szolgáltatást, és megnyomja az ellenőrző linkre. Ezt követően, a szolgáltatás azt mondja:
És végül, néhány fontos részlet:
- Ha az operációs kódját formájában visszajelzést volna bármely más oldalon az oldalon, annak ellenére, hogy az e-mail nem változott, email'a hitelesítési eljárás kell átadni újra.
- Ön nem fogja tudni, hogy teszteljék ezt az űrlapot helyben. Visszacsatolásos formában dolgozni, az oldal a kódot a formák közvetlenül tárhely.
Természetesen, ha több sablonok, akkor adjon meg egy elegáns, divatos, a fiatalok meg. Például, az ilyen:
Mindent. A visszajelzés lapon kész.
Hosted by EmpireHost:
3GB - 1 $ - tárhely egy nagy ár!
Jó napot!
Én ugyanaz a hiba. Ehelyett a kérdéses szöveget gyémánt.
Hogyan megjavítani?
Köszönöm, de az üzenetek jönnek a helyszínen formájában fekete gyémánt alakú kérdőjel. Kérem, mondja meg. hogyan kell megjavítani.
Jó napot kívánok. Kérem, mondja meg egy ilyen dolog. Redid űrlap szerint a mintában. Minden működött. Majdnem. A levelek nem jönnek az üzenetet, és a kérdőjel egy sötét gyémánt. Hogyan kell megjavítani, és a javítás egyáltalán lehetséges?
Köszönöm a cikket, hogy működik, de van egy kérdés, hogy hogyan lehet ezt a formai, illetve kapcsolódhat hozzá kész táblázat css?
Köszönöm szépen a cikket minden nap keres az információ, amely szó szerint öt perccel a probléma megoldódott.
Örülök, hogy jól!
Nagyon szépen köszönöm a segítséget!
De hogyan lehet elérni megjelenítésére cirill az üzenetet?
Mondd kérlek, mert ebben a formában a jövőben nem kell fizetni semmit. Hogy lesz-e korlátozások
Az alapvető funkciókat, amelyek beszéltem itt - ingyenesen. Ahogy én látom, ez a szolgáltatás több lehetőséget és több speciális beállítások és zsemlét, amelyek már a fizetett tarifa. De én, funkcionális szabad viteldíj elég.
Nem működik (a konzol jelenik meg hibakód 500, segítenek megérteni
Meg kell nézni a konkrét példában, mi történik. Talán valahol a kódot hibakijavításával formában. Pontosan mi történik elküldése után egy üzenetet? Tedd screenshotok.
Meg kellett gyorsan, hogy a beadvány formájában a csonk oldalon. Köszönöm szépen! Magyarázat szuper, 10 perc után már formában temiziruyu. Köszönjük!
Köszönjük! Örülök, hogy hasznos. Megpróbáltam bemutatni a lehető legegyszerűbben és anélkül, hogy túl sok vizet.