Ako Vytvoriť Formulár Na Webe

Obsah:

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

Video: Ako Vytvoriť Formulár Na Webe

Video: Ako Vytvoriť Formulár Na Webe
Video: Как самому создать QR-код в Google-таблицах? +Как создавать красивые QR-коды! 2024, Apríl
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: