Kā Izveidot Veidlapu Vietnē

Satura rādītājs:

Kā Izveidot Veidlapu Vietnē
Kā Izveidot Veidlapu Vietnē

Video: Kā Izveidot Veidlapu Vietnē

Video: Kā Izveidot Veidlapu Vietnē
Video: Установка маяков под штукатурку. Углы 90 градусов. #12 2024, Aprīlis
Anonim

Vietnes veidlapa ir kļuvusi plaši izplatīta internetā. Veidlapas tiek izmantotas, lai abonētu ziņas, pasūtītu grāmatas, video nodarbības un dažādus materiālus. Veidlapas ir īpaši ierobežotas vietnes lapas zonas, kurās vietnes apmeklētājs tiek aicināts ievadīt jebkādu informāciju vai atlasīt kādas konkrētas darbības no vairākām piedāvātajām. Veidojot veidlapas, jūs varat iztikt ar īpašiem skriptiem, taču mēs to rakstīsim manuāli, lai izprastu visu darba tehnoloģiju un formas struktūru.

Kā izveidot veidlapu vietnē
Kā izveidot veidlapu vietnē

Tas ir nepieciešams

  • 1) HTML vietnes fails
  • 2) HTML pamatzināšanas
  • 3) Zināšanas par PHP pamatiem

Instrukcijas

1. solis

Sāksim veidot veidlapu vietnē. Veidlapai būs šāds paraugs: vārds, parole, e-pasta adrese, datu nesējs, kursa veids. Tie. veidlapa būs paredzēta video kursu abonēšanai.

Atveriet HTML failu un sāciet ievadīt kodu. Par formas veidošanu atbildīgais tags ir “forma”. Mēs uzrakstām tagu kopā ar atribūtiem form action =” obrabotka.php”method =” post”name” forma1””. Sāksim veidot formas elementus. Gandrīz visi elementi ir izgatavoti, izmantojot tagu, un tā atribūtu “type”, kas ir atbildīgs par datu tipu, piemēram, tekstu, paroli utt. Jebkuram no atribūtiem mēs vienmēr piešķiram nosaukumu “nosaukums”.

Mēs izraksta: "br" Ievadiet nosaukumu: "br"

"ievades nosaukums =" fio"

"br" Ievadiet paroli: "br"

"ievades nosaukums =" izturēt"

"br" Ievadiet E-mai: l "br"

"ievades nosaukums =" e-pasts ".

2. solis

Tālāk mēs izveidojam radiopogas izvēles elementu. Radio poga ir formas elements, kas, nospiežot ar kursoru, ieslēdzas un citas radio pogas tiek izslēgtas. Paskaidrosim ar mūsu formas piemēru. Pasūtot kursu, izvēle sastāvēs no CD vai DVD diskiem, tāpēc jums tas jāizvēlas. Atribūtu elements “tips” - “radio” ir atbildīgs par šādas pogas izveidi. Mēs ierakstīsim to pašu nosaukumu nesēja tipam, tāpēc norādīsim atribūtu “value”, lai apdarinātājs varētu precīzi noteikt mainīgā vērtību. Mēs reģistrējam kodu: "br" Atlasiet datu nesēja opciju: "br"

"ievades nosaukums =" disks "vērtība =" cd " CD "br"

"ievades nosaukums =" disks "vērtība =" dvd " DVD "br"

Ja atribūts “value” ir iestatīts uz tekstu, tad veidlapā nekavējoties tiks parādīta vērtība, kuru piešķirām šim atribūtam. Piemēram, tā, lai pilnā nosaukuma formā jau būtu kāds nosaukums (vērtība = "nosaukums").

3. solis

Pārejam uz veidlapas elementa izveidi, kurā var izdarīt vairākas izvēles Šādi elementi tiek veidoti, izmantojot izvēles rūtiņu type =”izvēles rūtiņa”. Mēs reģistrējam kodu:

"br" Norādiet interesējošos kursus "br"

"input name =" ch1 "value =" yes " Vietnes izstrādes kurss "br"

"ievades nosaukums =" ch2 "value =" jā " Grāmatu veidošanas kurss "br"

Ja vēlaties, varat ievietot noklusējuma izvēles rūtiņu, šim nolūkam mēs vienkārši ierakstām vārdu cheked tagā "ievade". Lai neapjuktu, veidojot php failu, mēs izrakstām (vērtība = "jā"), kā norādīts kodā.

Mēs nekavējoties reģistrējam piegādes veidu, izmantojot tagu “select”:

Norādiet piegādes veidu "br"

"select name =" delivery"

"variants" Steidzams

"variants" Normāls

"/ select" "br"

Pēc tam mēs izveidojam lauku komentāriem vai lietotāja adresei. Tagi "textarea", šī taga atribūti ir "rindas" un "kolas", kas ir atbildīgi par šī lauka lielumu.

Ievadiet savu adresi un piezīmi

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

"/ textarea"

Izveidojiet pogu Iesniegt, izmantojot pazīstamus tagus: "input value =" Submit " Neaizmirstiet aizvērt tagu "forma"

Gatavā forma
Gatavā forma

4. solis

Sākam veidot failu obrabotka.php, atveram un reģistrējamies

? Ja (! Isset ($ ch1)) {$ ch1 =” nē”;}

Ja (! Isset ($ ch2)) {$ ch2 =”nē”;}

pasts ("saņēmēja pasts", "tēma (piemēram, pasūtot disku)", "vēstules saturs, (persona ar nosaukumu $ fio, kas norādīja paroli $ pass, norādīja savu e-pasta adresi - $ email, izvēlējās plašsaziņas līdzekļus opcija $ disc, norādīja, ka viņš vēlas redzēt diskā šādus kursus: / n vietnes izveides kurss - $ ch1 / n grāmatu izveidošanas kurss $ ch2, norādīts piegādes veids - $ delivery, kā nosaukums $ add_text mājas adrese un piezīmes.)”); ?"

Veidlapa ir gatava.

Ieteicams: