Pri odosielaní formulára sa štandardne používa typ. Formuláre v HTML. Hlavička skupiny prvkov formulára

Na webových stránkach často nájdete stránky s HTML formulármi. Webové formuláre - pohodlný spôsob prijímanie informácií od návštevníkov vašej stránky. Príkladom je -, -, ktorý poskytuje spätnú väzbu návštevníkom a vývojárom stránok. Formuláre sú vhodné aj pre vývojárov stránok pri vývoji CMS, čo vám umožňuje zachovať hlavnú vlastnosť stránky – relevantnosť. Tento článok sa zameriava na základy vytvárania HTML formulárov, ich spracovanie a ako odovzdávať údaje z formulárov na obrazovke do PHP skriptov.

1) Vytvorenie jednoduchého formulára

značky

a
nastaviť začiatok a koniec formulára. Počiatočná značka formulára
obsahuje dva atribúty: akcie a metóda. Atribút action obsahuje adresu URL skriptu, ktorý by sa mal zavolať na spracovanie skriptu. Atribút metóda informuje prehliadač, aký druh HTTP požiadavky má použiť na odoslanie formulára; možné hodnoty POST a GET.

Komentujte

Hlavným rozdielom medzi metódami POST a GET je spôsob prenosu informácií. V metóde GET sa parametre prenášajú cez adresný riadok, t.j. v skutočnosti v HTTP hlavičke požiadavky, zatiaľ čo pri metóde POST sa parametre prenášajú cez telo HTTP požiadavky a nijako sa neprejavia vo forme adresného riadku.

$text = nl2br($_POST["môj text"]);
?>

Úloha: Povedzme, že chceme vytvoriť rozbaľovací zoznam s rokmi od 2000 do 2050.
Riešenie: Potreba vytvoriť HTML formulár s prvkom SELECT a PHP - skript na spracovanie formulára.

Diskusia:

Začnime vytvorením dvoch súborov: form.html a action.php. V súbore form.html bude obsahovať html formulár s rozbaľovacím zoznamom. Okrem toho môžu byť hodnoty v zozname špecifikované dvoma spôsobmi:

I. Manuálne zadávanie údajov:

II. Zadávanie údajov cez slučku:

Ako vidíte, druhý príklad so slučkou je kompaktnejší. Myslím, že nemá cenu dávať skript obslužného programu formulára, pretože je spracovaný rovnako ako textové pole, t.j. hodnoty zoznamu je možné získať zo superglobálneho poľa $_POST.

Popis:

Vytvorme HTML formulár na odoslanie súboru na server.




Tento html formulár obsahuje prvok prehliadať, čím sa otvorí dialógové okno na výber súboru, ktorý sa má nahrať na server. Stlačením tlačidla "Preniesť súbor", súbor sa odovzdá skriptu obsluhy.

Potom musíte napísať obslužný program skriptu action.php. Pred napísaním handlera sa musíte rozhodnúť, do ktorého adresára skopírujeme súbor:

if(isset($_FILES [ "môj súbor" ])) // Ak súbor existuje
{
$katalog = "../obrazok/" ; // Náš adresár
if (is_dir ($catalog )) // Ak existuje taký adresár
{
$myfile = $_FILES [ "myfile" ][ "tmp_name" ]; // Temp súbor
$myfile_name = $_FILES [ "myfile" ][ "meno" ]; // Názov súboru
if(! copy ($myfile , $catalog )) echo "Chyba pri kopírovaní súboru". $myfile_name // Ak kopírovanie súboru zlyhalo
}
else mkdir("../obrazok/"); // Ak takýto adresár neexistuje, vytvoríme ho
}
?>

Komentujte

Ak dôverujete používateľom pri nahrávaní akýchkoľvek súborov na váš server, musíte byť mimoriadne opatrní. Útočníci môžu vložiť „zlý“ kód do obrázka alebo súboru a odoslať ho na server. V takýchto prípadoch musíte sťahovanie súborov prísne kontrolovať.

Tento príklad ukazuje vytvorenie adresára a skopírovanie súboru do tohto adresára na serveri.

Chcel by som tiež demonštrovať príklad s prvkom začiarkavacie políčko. Tento prvok sa mierne líši od ostatných prvkov tým, že ak nie jedným z prvkov začiarkavacie políčko'a nie je vybratá, potom superglobálna premenná $_POST vráti prázdnu hodnotu:


Modrá
čierna
biely

if (!empty($_POST [ "moja farba" ])) echo $_POST [ "moja farba" ]; // Ak je vybratá aspoň 1 položka
ozvena "Vybrať hodnotu";
?>

Formulár v HTML je súčasťou dokumentu, ktorý umožňuje užívateľovi zadať informácie, ktoré nás zaujímajú, a ktoré môžu byť následne prijaté a spracované na strane servera. Inými slovami, formuláre sa používajú na zhromažďovanie informácií zadaných používateľmi.

Ak chcete určiť, ku ktorému prvku formulára patrí aktuálny štítok, musíte použiť atribút for značky

Zoberme si príklad použitia:

</span> Príklad použitia značky <label><span>
>

V tomto príklade:

  • Vnútri najprv formy:
    • Uverejnené dva prepínače ( ) vyberte jednu z obmedzeného počtu možností. Znova si všimnite, že pre prepínače v rovnakom formulári musí mať rovnaký názov, uviedli sme rôzne hodnoty. Pre najprv začiarknuté , ktoré určuje, že prvok by mal byť pri načítaní stránky vopred vybratý (v tomto prípade prepínač s hodnotou áno ). Okrem toho sme pre prepínače špecifikovali globálne atribúty, ktoré definujú jedinečný identifikátor prvku.
    • Umiestnené dve položky
  • Vnútri druhý formy:
    • Uverejnené dva prepínače ( ) vyberte jednu z obmedzeného počtu možností. Pre druhý Pre prepínače sme zadali atribút začiarknutý, ktorý označuje, že prvok by mal byť pri načítaní stránky vopred vybraný (v tomto prípade prepínač s hodnotou nie ). Okrem toho sme zadali jedinečné hodnoty pre prepínače vo formulári a rovnaké názvy.
    • Umiestnené dve položky

V prehliadači vyzerajú obe možnosti (metódy) používania textových označení identicky:

Popis pre vstupné polia

Pozrime sa na príklad použitia:

Príklad použitia zástupného atribútu <span>
Prihlásiť sa: type="text" name="login" zástupný symbol= "Zadajte svoje prihlasovacie meno">

heslo: type="password" name="password" zástupný symbol= "Zadajte svoje heslo">

AT tento príklad sme špecifikovali pre prvok s textom typu text (jednoriadkové textové pole) a heslom typu (pole pre heslo), textovou nápovedou pre používateľa (atribút zástupného symbolu), ktorý popisuje očakávanú hodnotu pre vstup.

Výsledok nášho príkladu:

Otázky a úlohy k téme

Skôr než prejdete na ďalšiu tému, dokončite praktickú úlohu:

  • Na základe získaných vedomostí vytvorte nasledujúci objednávkový formulár:

Nuance: v poliach, kde sa predpokladá výber, by malo byť možné vykonať výber kliknutím na text, nielen na samotný prvok.

Po dokončení cvičenia skontrolujte kód stránky otvorením príkladu v samostatnom okne, aby ste sa uistili, že ste urobili všetko správne.

Pomocou nástrojov HTML môžete vytvárať formuláre na zadávanie informácií návštevníkom webovej stránky.

Tag

Popis formulára je umiestnený medzi párové značky ... . Na stránku je možné umiestniť viacero formulárov súčasne, ale nemôžu byť vnorené jeden do druhého.

Atribúty značky
accept-charset Zoznam vstupných kódovaní akceptovaných serverom spracovávajúcim tento formulár. Pomáha v situácii, keď sú stránky webu v jednom kódovaní a údaje je potrebné odoslať v inom. Alebo keď prehliadač automaticky zistil kódovanie nesprávne. Napríklad: accept-charset="cp1251" alebo accept-charset="utf8". akcia Názov programu, ktorý spracuje formulár. enctype Typ obsahu (metóda kódovania). Napríklad, ak formulár obsahuje súbory, potom enctype="multipart/form data".
(Predvolené enctype="application/x-www-form-urlencoded"). metóda Metóda odovzdávania údajov z formulára do programu na spracovanie. Môže nadobúdať nasledujúce hodnoty: dostať alebo príspevok. Použitím dostať prehliadač zakóduje údaje prijaté od používateľa a pridá k hodnote atribútu akcie meno=hodnotové páry. Údaje sú oddelené od hodnoty atribútu akcie otáznik (?). Použitím príspevokúdaje sa prenášajú samostatne. meno Názov formulára. Nastaviť pre JavaScript, aby bolo možné odkazovať na formulár podľa názvu namiesto čísla. novalidate Prítomnosť tohto atribútu znamená, že údaje formulára by sa nemali overovať. onsubmit obslužný program JavaScript na overenie formulára. Keďže sa obslužný program JavaScript spúšťa lokálne, proces je pomerne rýchly. Je to oveľa lepšie ako opakované posielanie údajov cez sieť, pretože hlúpy používateľ opäť nesprávne vyplnil niektoré pole. target Rámec, kam sa majú odoslať prijaté informácie (špecifikované v dokumentoch obsahujúcich rámec).
Príklad
...tvarové prvky...

Kontajner

…
neexistuje sama o sebe. Odoslané údaje sú obsiahnuté v špeciálnych formulárových prvkoch - ovládacích prvkoch. Práve s nimi používateľ komunikuje zadaním údajov.

Formulárové prvky

Tlačidlo

Tag