Hogyan Készítsünk űrlapot Az Oldalon

Tartalomjegyzék:

Hogyan Készítsünk űrlapot Az Oldalon
Hogyan Készítsünk űrlapot Az Oldalon

Videó: Hogyan Készítsünk űrlapot Az Oldalon

Videó: Hogyan Készítsünk űrlapot Az Oldalon
Videó: Google űrlap használata a digitális oktatásban 2024, Lehet
Anonim

A webhely űrlapja elterjedt az interneten. Az űrlapokat hírek, könyvek, videóórák és különféle anyagok előfizetésére használják. Az űrlapok a webhelyoldal speciálisan korlátozott területei, ahol a webhelylátogatót felkérik, hogy adjon meg bármilyen információt, vagy válasszon ki konkrét intézkedéseket számos javasolt közül. Az űrlapok létrehozásakor speciális szkriptekkel lehet kijönni, de kézzel fogjuk megírni, hogy megértsük a munka teljes technológiáját és az űrlap felépítését.

Hogyan készítsünk űrlapot az oldalon
Hogyan készítsünk űrlapot az oldalon

Szükséges

  • 1) Html webhelyfájl
  • 2) A HTML alapjainak ismerete
  • 3) A PHP alapjainak ismerete

Utasítás

1. lépés

Kezdjük létrehozni az űrlapot a webhelyen. Az űrlap a következő mintából készül: név, jelszó, e-mail cím, adathordozó, a tanfolyam típusa. Azok. az űrlap videotanfolyamokra történő feliratkozásra szolgál.

Nyissa meg a html fájlt, és kezdje el beírni a kódot. Az űrlap létrehozásáért felelős címke az "űrlap". A címkét az "form action =" obrabotka.php "method =" post "name" forma1 " attribútumokkal együtt írjuk. Kezdjük az űrlapelemek létrehozását. Szinte minden elem egy címke és annak „type” attribútumával készül, amely felelős az adattípusért, például a szövegért, a jelszóért stb. Minden attribútumnak mindig a „name” nevet adjuk.

Felírjuk: "br" Írja be a nevet: "br"

"input name =" fio"

"br" Írja be a jelszavát: "br"

"input name =" pass"

"br" Írja be az E-mai szót: l "br"

"input name =" email ".

2. lépés

Ezután létrehozunk egy választógomb kiválasztó elemet. A rádiógomb egy űrlapelem, amelyet a kurzorral megnyomva bekapcsol, és a többi rádiógomb kikapcsol. Magyarázzuk meg formánk példájával. Tanfolyam megrendelésekor a választás CD vagy DVD lemezekből áll, ezért egyet kell választania. Az ilyen gomb létrehozásáért a „type” - „radio” attribútum felel. Ugyanezt a nevet fogjuk írni a médiatípusra, ezért megadjuk az „érték” attribútumot, hogy a kezelő pontosan meg tudja határozni a változó értékét. Regisztráljuk a kódot: "br" Válassza ki az adathordozó opcióját: "br"

"input name =" disc "value =" cd " CD "br"

"input name =" disc "value =" dvd " DVD "br"

Ha az „érték” attribútum a szövegre van állítva, akkor az űrlap azonnal megjeleníti azt az értéket, amelyet ehhez az attribútumhoz rendeltünk. Például úgy, hogy a teljes név formájában már legyen valamilyen név (érték = "név").

3. lépés

Térjünk át egy űrlapelem létrehozására, amelyben többször is választhat Az ilyen elemek a type =”checkbox” használatával készülnek. Regisztráljuk a kódot:

"br" Jelölje az érdeklődési köröket "br"

"input name =" ch1 "value =" yes " Webhely-fejlesztési tanfolyam "br"

"input name =" ch2 "value =" yes " Könyvkészítő tanfolyam "br"

Ha akarja, tehet egy alapértelmezett jelölőnégyzetet, ehhez csak beírjuk a cheked szót az "input" tagbe. A kódban feltüntetett értéket (value = "yes") írjuk elő, nehogy megzavarodjunk egy php fájl létrehozásakor.

Azonnal regisztráljuk a szállítás típusát a "select" címke használatával:

Adja meg a "br" kézbesítés típusát

"select name =" szállítás"

"opció" Sürgős

"opció" Normál

"/ select" "br"

Ezután megadunk egy mezőt a megjegyzésekhez vagy a felhasználói címhez. A "textarea" címke, a címke attribútumai "sorok" és "oszlopok", amelyek felelősek a mező méretéért.

Írja be címét és megjegyzését

"textarea name =" add_text "rows =" 5 "cols =" 30"

"/ textarea"

Hozzon létre egy beküldés gombot az ismert címkék használatával: "input value =" Submit " Ne felejtse el bezárni az "űrlap" címkét

Kész forma
Kész forma

4. lépés

Elkezdjük létrehozni az obrabotka.php fájlt, megnyitni és regisztrálni

"? Ha (! Isset ($ ch1)) {$ ch1 =" nem ";}

Ha (! Isset ($ ch2)) {$ ch2 = "nem";}

mail ("címzett e-mailje", "tárgya (például lemez megrendelése)", "a levél tartalma, (egy $ fio nevű személy, aki megadta a $ pass jelszót, megadta e-mail címét - $ email, a médiát választotta A $ disc opció jelezte, hogy a következő tanfolyamokat szeretné látni a lemezen: / n webhely létrehozásának tanfolyama - $ ch1 / n tanfolyam a könyvek létrehozására $ ch2, megjelölte a kézbesítés típusát - $ delivery, a $ add_text elemet jelölte meg lakcím és feljegyzések.)”); ?

Az űrlap készen áll.

Ajánlott: