Ako Vytvoriť Formulár Na Webe

Ako Vytvoriť Formulár Na Webe
Ako Vytvoriť Formulár Na Webe
Anonim

Forma tejto stránky sa rozšírila na internete. Formuláre sa používajú na prihlásenie na odber noviniek, objednávok kníh, video lekcií a rôznych materiálov. Formuláre sú osobitne obmedzené oblasti webovej stránky, v ktorých je návštevník stránky vyzvaný k zadaniu akýchkoľvek informácií alebo vybratiu konkrétnych akcií z niekoľkých navrhovaných. Pri vytváraní formulárov si vystačíte so špeciálnymi skriptmi, ale napíšeme to ručne, aby sme pochopili celú technológiu práce a štruktúru formulára.

Ako vytvoriť formulár na webe
Ako vytvoriť formulár na webe

Je to nevyhnutné

  • 1) Súbor stránok HTML
  • 2) Znalosti základov HTML
  • 3) Znalosti základov PHP

Inštrukcie

Krok 1

Začnime na webe vytvárať formulár. Formulár bude obsahovať tento vzor: meno, heslo, e-mailová adresa, dátový nosič, typ kurzu. Tých. formulár bude na predplatné videokurzov.

Otvorte html súbor a začnite zadávať kód. Značka zodpovedná za vytvorenie formulára je „form“. Značku píšeme spolu s atribútmi „form action =” obrabotka.php”method =” post”name” forma1”“. Začnime vytvárať prvky formulára. Takmer všetky prvky sa vyrábajú pomocou značky a jej atribútu „type“, ktorý je zodpovedný za dátový typ, napríklad text, heslo atď. Názov „názov“vždy dáme ľubovoľnému z atribútov.

Predpisujeme: „br“Zadajte názov: „br“

"vstupný názov =" fio"

"br" Zadajte heslo: "br"

"input name =" pass"

„br“Zadajte e-mai: l „br“

"vstupné meno =" e-mail ".

Krok 2

Ďalej vytvoríme prvok výberu prepínača. Prepínač je formulárový prvok, ktorý sa po stlačení kurzora zapne a ostatné prepínače sa vypnú. Vysvetlíme si to na príklade našej formy. Pri objednávaní kurzu bude výber pozostávať buď z diskov CD alebo DVD, takže si musíte jeden zvoliť. Za vytvorenie takého tlačidla je zodpovedný prvok atribútu „typ“- „rádio“. Napíšeme rovnaký názov pre typ média, takže určíme atribút „value“, aby obslužný program mohol presne určiť hodnotu premennej. Zaregistrujeme kód: "br" Vyberte možnosť pamäťového média: "br"

"vstupný názov =" disk "hodnota =" cd " CD "br"

"vstupný názov =" disk "hodnota =" dvd " DVD "br"

Ak je atribút „value“nastavený na text, potom formulár okamžite zobrazí hodnotu, ktorú sme tomuto atribútu priradili. Napríklad tak, že vo forme celého mena už existuje nejaké meno (hodnota = "meno").

Krok 3

Prejdime k vytvoreniu elementu formulára, v ktorom môžete urobiť niekoľko možností Takéto prvky sa vyrábajú pomocou zaškrtávacieho políčka type =”. Registrujeme kód:

„br“Označte zaujímavé kurzy „br“

"input name =" ch1 "value =" yes " Kurz vývoja webových stránok "br"

"input name =" ch2 "value =" yes " Kurz tvorby kníh "br"

Ak chcete, môžete vložiť predvolené začiarkavacie políčko, pretože do značky „vstup“napíšeme slovo cheked. Predpisujeme (hodnota = "áno") tak, ako je to uvedené v kóde, aby sme sa pri vytváraní súboru php nestali zmätení.

Typ dodávky okamžite zaregistrujeme pomocou značky „select“:

Uveďte druh dodávky „br“

"select name =" delivery"

„možnosť“Naliehavá

„možnosť“Normálna

"/ vyberte" "br"

Ďalej vytvoríme pole pre komentáre alebo adresu používateľa. Značka „textarea“, atribúty tejto značky sú „riadky“a „cols“, ktoré zodpovedajú za veľkosť tohto poľa.

Zadajte svoju adresu a poznámku

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

„/ textarea“

Vytvorte tlačidlo na odoslanie pomocou známych značiek: "input value =" Submit " Nezabudnite zavrieť značku "formulár"

Hotová forma
Hotová forma

Krok 4

Začneme vytvárať súbor obrabotka.php, otvoríme a zaregistrujeme sa

? If (! Isset ($ ch1)) {$ ch1 =” no”;}

If (! Isset ($ ch2)) {$ ch2 =”no”;}

mail („pošta príjemcu“, „predmet (napríklad objednanie disku)““,„ obsah listu, (osoba menom $ fio, ktorá zadala heslo $ pass, uviedla svoju e-mailovú adresu - $ email, zvolila médium možnosť $ disk, označil, že chce vidieť na disku nasledujúce kurzy: / n kurz vytvárania webových stránok - $ ch1 / n kurz vytvárania kníh $ ch2, označil typ doručenia - $ doručenie, označil $ add_text ako domáca adresa a poznámky.) “); ?"

Formulár je pripravený.

Odporúča: