Kako Narediti Obrazec Na Spletnem Mestu

Kazalo:

Kako Narediti Obrazec Na Spletnem Mestu
Kako Narediti Obrazec Na Spletnem Mestu

Video: Kako Narediti Obrazec Na Spletnem Mestu

Video: Kako Narediti Obrazec Na Spletnem Mestu
Video: Как сделать водоем - пруд на участке, даче 2024, April
Anonim

Obrazec za spletno mesto se je razširil na internetu. Na obrazcih se naročite na novice, naročite knjige, video lekcije in različna gradiva. Obrazci so posebej omejena področja strani, na katerih je obiskovalec pozvan, da vnese kakršne koli informacije ali izbere posamezna dejanja med številnimi predlaganimi. Pri ustvarjanju obrazcev lahko dobite posebne skripte, vendar jih bomo napisali ročno, da bomo razumeli celotno tehnologijo dela in strukturo obrazca.

Kako narediti obrazec na spletnem mestu
Kako narediti obrazec na spletnem mestu

Potrebno je

  • 1) Datoteka spletnega mesta Html
  • 2) Poznavanje osnov HTML
  • 3) Poznavanje osnov PHP

Navodila

Korak 1

Začnimo ustvarjati obrazec na spletnem mestu. Obrazec bo naslednjega vzorca: ime, geslo, e-poštni naslov, nosilec podatkov, vrsta tečaja. Tisti. obrazec bo namenjen naročnini na video tečaje.

Odprite datoteko html in začnite vnašati kodo. Oznaka, odgovorna za ustvarjanje obrazca, je "obrazec". Oznako zapišemo skupaj z atributi "form action =” obrabotka.php”method =" post”name” forma1”". Začnimo z ustvarjanjem elementov obrazca. Skoraj vsi elementi so narejeni z uporabo oznake in njenega atributa »type«, ki je odgovoren za vrsto podatkov, na primer besedilo, geslo itd. Vsakemu od atributov vedno damo ime »ime«.

Predpišemo: "br" Vnesite ime: "br"

"input name =" fio"

"br" Vnesite geslo: "br"

"input name =" pass"

"br" Vnesite e-pošto: l "br"

"input name =" email ".

2. korak

Nato ustvarimo element za izbiro izbirnega gumba. Izbirni gumb je element obrazca, ki se ob pritisku s kazalko vklopi, drugi izbirni gumbi pa se izklopijo. Pojasnimo na primeru naše oblike. Pri naročilu tečaja bo izbira sestavljena iz CD-jev ali DVD-jev, zato jih morate izbrati. Atribut element "type" - "radio" je odgovoren za izdelavo takega gumba. Za vrsto medija bomo zapisali isto ime, zato bomo podali atribut »value«, da bo vodnik lahko natančno določil vrednost spremenljivke. Registriramo kodo: "br" Izberite možnost medija za shranjevanje: "br"

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

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

Če je atribut »value« nastavljen na besedilo, bo obrazec takoj prikazal vrednost, ki smo jo dodelili temu atributu. Na primer, tako da je v obliki polnega imena že nekaj imena (value = "name").

3. korak

Pojdimo k ustvarjanju elementa obrazca, v katerem lahko izbirate večkrat Takšni elementi so narejeni s pomočjo type =”checkbox”. Registriramo kodo:

"br" Navedite tečaje "br"

"input name =" ch1 "value =” yes " Tečaj za razvoj spletnih strani "br"

"input name =" ch2 “value =” yes”" Tečaj izdelovanja knjig "br"

Če želite, lahko postavite privzeto potrditveno polje, za to v besedo "input" vpišemo besedo cheked. Predpišemo (vrednost = "da"), kot je navedeno v kodi, da se pri ustvarjanju datoteke php ne zmedemo.

Vrsta dostave takoj registriramo z oznako "select":

Navedite vrsto dostave "br"

"select name =" delivery"

"možnost" Nujno

"možnost" Običajno

"/ izberite" "br"

Nato naredimo polje za komentarje ali naslov uporabnika. Oznaka "textarea", atributi te oznake so "vrstice" in "stolpci", ki so odgovorni za velikost tega polja.

Vnesite svoj naslov in opombo

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

"/ textarea"

Ustvari gumb za oddajo z znanimi oznakami: "input value =" Submit " Ne pozabite zapreti oznake "form"

Končana oblika
Končana oblika

4. korak

Začnemo ustvarjati datoteko obrabotka.php, odpremo in registriramo

"? Če (! Isset ($ ch1)) {$ ch1 =” ne ";}

Če (! Isset ($ ch2)) {$ ch2 = "ne";}

pošta ("pošta prejemnika", "zadeva (naročanje diska, na primer)", "vsebina pisma, (oseba z imenom $ fio, ki je določila geslo $ pass, navedla svoj e-poštni naslov - $ email, izbrala medij možnost $ disk, je nakazal, da želi na disku videti tečaje: / n tečaj o ustvarjanju spletnega mesta - $ ch1 / n tečaj o ustvarjanju knjig $ ch2, naveden način dostave - $ dostava, $ add_text je naveden kot domači naslov in opombe.) "); ?"

Obrazec je pripravljen.

Priporočena: