Klõpsake nuppu Lähtesta ja täitke tellimus.

Kui töötlete seda HTML-koodi brauseriga, kuvatakse veebileht, mida näete monitori ekraanil:

Kasutaja klõpsab nuppu "Lähtesta", ja väljad võtavad oma vaikeväärtused. Vormi täidab kasutaja ja seda ühe nupuvajutusega "Saada tellimus" saadetud See e-posti aadress on spämmirobotite eest kaitstud. Selle nägemiseks peab teil olema JavaScript lubatud. Tavaliselt ei saada brauser vormi ise, vaid usaldab selle töö vaikimisi arvuti operatsioonisüsteemi installitud meiliprogrammile (näiteks Outlook). Kiri saadetakse kujul:

teema: Microsoft Internet Explorerist saadetud vorm

nimi = Prohhorov Viktor Sergejevitš

value= See e-posti aadress on spämmirobotite eest kaitstud. Selle vaatamiseks peab teil olema JavaScript lubatud

obj = "Juhised"

Kiri koosneb paaridest nimi=väärtus, mis valitakse vormiväljadelt järjekorras.

Vaatame järgmist näidet lähemalt.

Nimekiri vorm_1.html

Sisestage oma nimi:

Selle koodi salvestamine HTML-faili vorm_1.html ja seda brauseris vaadates näete HTML-vormi:

Vormi rakendab konteineri silt . Silt näitab koos oma atribuutidega:

Skripti aadress, millele vorm saadetakse;

Saatmisviis ja vormis sisalduvate andmete omadused. Elementaarne ja lõplik sildid määravad vormi piirid. Nende märkimine on kohustuslik.

Konteineri sildi atribuudid

( kõik valikulised):

? tegevust--atribuut, mille väärtus on URL- taotletava aadress (täielik või sugulane). CGI- programmid. See programm töötleb vormis sisalduvaid andmeid. Kirje kasutamine on vastuvõetav MAILTO:URL. Sel juhul saadetakse vorm meili teel. Kui atribuut tegevustära täpsusta, saadetakse vormi sisu aadressile URL aadress, millelt see veebileht laaditi, see tähendab "iseendale". See on mugav stenogramm, kuid HTML-i standardi järgi atribuut tegevust nõutud.

? meetod-- määratleb meetodi HTTP, mida kasutatakse vormiandmete saatmiseks brauserist serverisse. Atribuut meetod võib võtta kahte tähendust: saada või postitus:

¦ saada- vormiandmete saatmine aadressiribale. Võib-olla olete märganud erinevatel veebisaitidel URL-i lõpus "?". ja järgmised andmed vormingus parameeter=väärtus. Siin "parameeter" vastab atribuudi väärtusele nimi vormielemendid (vt sildi kohta allpool ), A "tähendus"- atribuudi sisu väärtus(see sisaldab näiteks kasutaja sisestusi sama sildi tekstiväljale ).

Näiteks proovige Yandexist midagi otsida ja pöörake tähelepanu oma brauseri aadressiribale. See on viis saada.

¦ postitus- vormi andmed saadetakse päringu sisuks. Kui see pole täiesti selge (või täiesti ebaselge), ärge muretsege, me pöördume selle probleemi juurde varsti tagasi.

Kui atribuut meetod täpsustamata – kaudne "saada".

? enctype-- valikuline atribuut. Määrab vormi sisutüübi, mida kasutatakse kodeeringu vormingu määramiseks selle esitamisel. IN HTML atribuudi jaoks on määratletud kaks võimalikku väärtust enctype:

¦ RAKENDUS/X-WWW-FORM-URLENCODED(vaikimisi).

¦ MITMEOSALINE/VORM-ANDMED.

Tag võimaldab vormi sisestusväljade sees luua tekstistringe, failinimesid, paroole jne. lõpusilti pole. Kasutamise omadused ja omadused oleneb sellest, kuidas seda kasutatakse.

Tag - määrab atribuudiga määratletud vormielemendi tüüp:

¦ Tähendus "tekst" määrab üherealise tekstisisestusvälja.

¦ Tähendus "Esita" määrab nupu, millele vajutades saadab vormi serverisse.

Võimalikud on ka muud väärtused (ja - ei ole ainus silt, mis määratleb vormielemendi), kuid me vaatame neid järgmistes peatükkides.

Mis juhtub siis, kui klõpsate nuppu OK?

1. Brauser vaatab vormile lisatud elemente ja loob nende atribuutide põhjal nimi Ja väärtus vormi andmed. Oletame, et nimi on sisestatud Vasja. Sel juhul vormi andmed: name=Vasya&okbutton=OK.

2. Brauser loob ühenduse serveriga, saadab serverile päringu atribuudis määratud dokumendi kohta tegevust silt , kasutades atribuudis määratud andmete saatmise meetodit meetod(sel juhul - SAA), edastades päringus vormi andmed.

3. Server analüüsib saadud päringut, genereerib vastuse, saadab selle brauserisse ja sulgeb ühenduse.

4. Brauser kuvab serverist saadud dokumendi.

Sama päringu käsitsi saatmine (kasutades telnet) näeb välja selline (eeldusel, et saidi domeeninimi on www.example.com).

Vorm ise on tavaliselt mõeldud kasutajalt info vastuvõtmiseks selle edasiseks saatmiseks serverisse, kus vormiandmed töötlejaprogrammi vastu võtab. Sellise programmi saab kirjutada mis tahes serveripoolses programmeerimiskeeles, nagu PHP, Perl jne. Programmi aadress on märgitud sildi action atribuudis , nagu on näidatud näites 1.

Näide 1: vormiandmete esitamine

HTML5 IE Cr Op Sa Fx

Selles näites edastatakse nimeatribuudiga näidatud vormiandmed (sisselogimine ja parool) faili aadressil /example/handler.php. Kui toimingu atribuuti pole määratud, toimub ülekanne praeguse lehe aadressile.

Ülekanne serverisse toimub kahel erineval viisil: GET ja POST, et määrata märgendis meetod

Kasutatakse atribuuti meetod ja selle väärtused on hankimise ja postitamise märksõnad. Kui meetodi atribuuti pole määratud, siis vaikimisi saadetakse andmed serverisse GET meetodil. Tabelis Joonisel 1 on näidatud nende meetodite erinevused.

Kasutatavat meetodit saab hõlpsasti määrata brauseri aadressiribalt. Kui sellesse ilmub küsimärk ja aadress näeb välja selline, siis on see kindlasti GET.

http://www.google.ru/search?q=%D1%81%D0%B8%D1%81%D1%8C%D0%BA%D0%B8&ie=utf-8

Aadressiriba unikaalne parameetrite kombinatsioon identifitseerib lehe unikaalselt, seega loetakse lehti aadressidega ?q=node/add ja ?q=node erinevateks. Seda funktsiooni kasutavad sisuhaldussüsteemid (CMS, sisuhaldussüsteem) paljude veebisaidi lehtede loomiseks. Tegelikkuses kasutatakse ühte faili, mis võtab vastu GET päringu ja genereerib selle järgi dokumendi sisu.

Allpool on loetletud nende meetodite tüüpilised rakendused saitidel.

SAA

Väikeste tekstiandmete edastamine serverisse; Saidi otsing.

Otsingumootorid ja saidiotsingu vormid saadetakse alati GET-meetodil, mis võimaldab teil jagada otsingutulemusi sõpradega, saata linki posti teel või postitada foorumisse.

POSTITA

Failide (fotod, arhiivid, programmid jne) teisaldamine; kommentaaride saatmine; sõnumite lisamine ja muutmine foorumis, ajaveebis.

Vaikimisi töödeldakse vormi praegusel brauseri vahekaardil, kuid vormi esitamisel saate seda parameetrit muuta ja vormihalduri avada uuel vahelehel või raamil. Seda käitumist täpsustatakse kontekstinime kaudu, mis on sildi sihtatribuudi väärtus . Populaarsed väärtused on _blank vormi avamiseks uuel aknal või vahekaardil ja raami nimi, mis määratakse sildi atribuudiga name

Selles näites, kui klõpsate nuppu Esita, avaneb vormi esitamise tulemus raamis nimega ala .

Vormielemendid paigutatakse traditsiooniliselt sildi sisse

, määrates seeläbi serverisse edastatavad andmed. Samal ajal on HTML5-l võimalus eraldada vorm selle elementidest. Seda tehakse mugavuse ja mitmekülgsuse huvides, nii et keeruline paigutus võib sisaldada mitut vormi, mis ei tohiks üksteisega ristuda, või näiteks kuvatakse mõned elemendid skriptide abil lehe ühes kohas ja vorm ise asub teises kohas. . Seos vormi ja selle elementide vahel toimub sel juhul vormi identifikaatori kaudu ning elementidele tuleks lisada selle identifikaatoriga võrdse väärtusega vormiatribuut (näide 3).

Näide 3: vormi linkimine väljadega

HTML5 IE Cr Op Sa Fx

Selles näites silt

identifitseeritakse unikaalselt autentimisidentifikaatori kaudu ja form="auth" lisatakse väljadele, mis tuleb vormi kaudu esitada. Sel juhul elementide käitumine nupule vajutamisel ei muutu, kasutajanimi ja parool saadetakse handler.php töötlejale.

Kuigi vormi edastuse parameetrid on traditsiooniliselt märgitud sildis , saab need üle kanda ka vormi esitamise nuppudele ( Ja ). Selleks kasutatakse atribuutide komplekti formation , formmethod , formenctype ja formtarget, mis on vastavate atribuutide analoogid ilma vormi eesliiteta. Näide 4 näitab nende atribuutide kasutamist.

Näide 4: vormi esitamine

HTML5 IE Cr Op Sa Fx

Mõned brauserid, eriti Internet Explorer ja Safari, ei toeta kõiki uusi vormiatribuute.

Üks populaarsemaid funktsioone saidil on taotlus- või tellimisvorm, mille andmed saadetakse e-posti teel saidi omanikule. Reeglina on sellised vormid lihtsad ja koosnevad kahest või kolmest andmesisestusväljast. Kuidas sellist tellimisvormi koostada? See eeldab HTML märgistuskeele ja PHP programmeerimiskeele kasutamist.

HTML märgistuskeel ise on lihtne, peate lihtsalt välja mõtlema, kuidas ja kuhu teatud sildid panna. PHP programmeerimiskeelega on asjad veidi keerulisemad.

Programmeerija jaoks pole sellise vormi loomine keeruline, kuid HTML-i küljenduskujundaja jaoks võivad mõned toimingud tunduda keerulised.

Looge andmete esitamise vorm html-is

Esimene rida on järgmine

See on vormi väga oluline element. Selles märgime, kuidas andmed edastatakse ja millisesse faili. Sel juhul kantakse kõik POST meetodil üle send.php faili. Selles failis olev programm peab vastavalt andmetele vastu võtma, need sisalduvad postitusmassiivis ja saatma need määratud e-posti aadressile.

Tuleme tagasi vormi juurde. Teine rida sisaldab välja oma täisnime sisestamiseks. Sellel on järgmine kood:

Vormi tüüp on tekst, st kasutaja saab siia klaviatuurilt teksti sisestada või kopeerida. Nimeparameeter sisaldab vormi nime. Sel juhul edastatakse kõik, mida kasutaja sellele väljale sisestas, selle nime all. Kohahoidja parameeter määrab, mis sellele väljale selgitusena kirjutatakse.

Järgmine rida:

Siin on peaaegu kõik sama, kuid välja nimi on email ja selgituseks on see, et kasutaja sisestab sellesse vormi oma meiliaadressi.

Järgmine rida on nupp "Saada":

Ja vormi viimane rida on silt

Nüüd paneme kõik kokku.

Nüüd muudame vormis olevad väljad kohustuslikuks. Meil on järgmine kood:

Looge fail, mis aktsepteerib HTML-vormingus andmeid

See on fail nimega send.php

Failis peate esimeses etapis vastu võtma postituste massiivi andmed. Selleks loome kaks muutujat:

$fio = $_POST["fio"];
$email = $_POST["e-post"];

PHP-s on muutujate nimede ees $-märk ja iga rea ​​lõppu asetatakse semikoolon. $_POST on massiiv, kuhu saadetakse vormi andmed. HTML-vormingus on saatmisviisiks määratud method="post". Seega aktsepteeritakse kaks muutujat html-vormist. Oma saidi kaitsmiseks peate need muutujad läbima mitme filtri - php funktsioonid.

Esimene funktsioon teisendab kõik märgid, mida kasutaja proovib vormile lisada:

Sel juhul ei looda php-s uusi muutujaid, vaid kasutatakse olemasolevaid. Filter muudab tegelase "<" в "<". Также он поступить с другими символами, встречающимися в html коде.

Teine funktsioon dekodeerib URL-i, kui kasutaja proovib seda vormile lisada.

$fio = urldekood($fio);
$email = urldecode($email);

Kolmanda funktsiooniga eemaldame rea algusest ja lõpust tühikud, kui neid on:

$fio = trimmi($fio);
$email = trimmi($email);

On ka muid funktsioone, mis võimaldavad teil php muutujaid filtreerida. Nende kasutamine sõltub sellest, kui mures te olete, et ründaja proovib sellele html-meili esitamise vormile programmikoodi lisada.

HTML-vormingust PHP-faili edastatud andmete valideerimine

Et kontrollida, kas see kood töötab ja kas andmeid edastatakse, saate selle lihtsalt kajafunktsiooni abil ekraanile kuvada:

kaja $fio;
kaja"
";
kaja $fio;

Teine rida siin on vajalik php muutujate väljundi eraldamiseks erinevateks ridadeks.

Vastuvõetud andmete saatmine HTML-vormilt e-posti, kasutades PHP-d

Andmete e-posti teel saatmiseks peate kasutama PHP-s postifunktsiooni.

mail("millele aadressile saata", "kirja teema", "Sõnum (kirja sisu)","From: milliselt meililt kiri saadetakse \r\n");

Näiteks peate saatma andmed saidi omaniku või halduri meilile [e-postiga kaitstud].

Kirja teema peaks olema selge ja kirja sõnum peaks sisaldama seda, mida kasutaja HTML-vormis määras.

mail (" [e-postiga kaitstud]", "Rakendus saidilt", "Täisnimi:".$fio.". E-post: ".$email ,"Saatja: [e-postiga kaitstud]\r\n");

Vajalik on lisada tingimus, mis kontrollib, kas vorm saadeti PHP-ga määratud meiliaadressile.

if (mail(" [e-postiga kaitstud]", "Telli saidilt", "Täisnimi:".$fio.". E-post: ".$email ,"Saatja: [e-postiga kaitstud]\r\n"))
{
echo "sõnum edukalt saadetud";
) muidu (
}

Seega näeb faili send.php programmikood, mis saadab HTML-vormingud meilile, välja järgmine:

$fio = $_POST["fio"];
$email = $_POST["e-post"];
$fio = htmlspecialchars($fio);
$email = htmlspecialchars($email);
$fio = urldekood($fio);
$email = urldecode($email);
$fio = trimmi($fio);
$email = trimmi($email);
//kaja $fio;
//kaja "
";
//echo $email;
if (mail(" [e-postiga kaitstud]", "Rakendus saidilt", "Täisnimi:".$fio.". E-post: ".$email ,"Saatja: [e-postiga kaitstud]\r\n"))
( echo "sõnum edukalt saadetud";
) muidu (
kaja "teate saatmisel tekkisid vead";
}?>

Kolm rida, et kontrollida, kas andmeid edastatakse faili, on välja kommenteeritud. Vajadusel saab neid eemaldada, kuna neid oli vaja ainult silumiseks.

Vormi esitamise HTML- ja PHP-koodi paneme ühte faili

Selle artikli kommentaarides esitavad paljud inimesed küsimuse, kuidas veenduda, et nii HTML-vorm kui ka PHP-kood andmete e-posti saatmiseks on ühes failis, mitte kahes.

Selle töö realiseerimiseks tuleb faili send.php paigutada vormi HTML kood ja lisada tingimus, mis kontrollib muutujate olemasolu POST-massiivis (see massiiv saadetakse vormilt). See tähendab, et kui massiivi muutujaid pole, peate kasutajale vormi näitama. Vastasel juhul peate massiivist andmed vastu võtma ja saatma need adressaadile.

Vaatame, kuidas muuta PHP-koodi failis send.php:

//kontrollige, kas POST-massiivis on muutujaid
if(!isset($_POST["fio"]) ja !isset($_POST["e-post"]))(
?>

) muidu (
//näita vormi
$fio = $_POST["fio"];
$email = $_POST["e-post"];
$fio = htmlspecialchars($fio);
$email = htmlspecialchars($email);
$fio = urldekood($fio);
$email = urldecode($email);
$fio = trimmi($fio);
$email = trimmi($email);
if (mail(" [e-postiga kaitstud]", "Rakendus saidilt", "Täisnimi:".$fio.". E-post: ".$email ,"Saatja: [e-postiga kaitstud]\r\n"))(
kaja "Sõnum edukalt saadetud";
) muidu (
kaja "Sõnumi saatmisel ilmnesid vead";
}
}
?>

Muutuja olemasolu POST-massiivis kontrollime PHP funktsiooniga isset(). Hüüumärk selle funktsiooni ees tingimuses tähendab eitust. See tähendab, et kui muutujat pole olemas, peame näitama oma vormi. Kui ma poleks hüüumärki pannud, tähendaks tingimus sõna-sõnalt „kui on olemas, siis näita vormi”. Ja see on meie puhul vale. Loomulikult saate selle ümber nimetada index.php-ks. Kui nimetate faili ümber, ärge unustage rea faili nime ümber nimetada

. Vorm peaks linkima samale lehele, näiteks index.php. Lisasin koodile lehe pealkirja.

Levinud vead, mis ilmnevad veebisaidilt PHP-vormi esitamisel

Esimene, ilmselt kõige populaarsem viga, on see, kui näete tühja valget lehte, millel pole sõnumeid. See tähendab, et tegite lehe koodis vea. Peate lubama PHP-s kõigi vigade kuvamise ja siis näete, kus viga tehti. Lisa koodile:

ini_set("kuva_vead","Sees");
error_reporting("E_ALL");

Send.php faili tuleb käivitada ainult serveris, muidu kood lihtsalt ei tööta. Soovitatav on, et see ei oleks kohalik server, kuna see ei ole alati konfigureeritud andmete saatmiseks välisele meiliserverile. Kui käivitate koodi mitte serveris, kuvatakse PHP-kood otse lehel.

Seega soovitan korrektseks tööks paigutada send.php faili saidi hostimisse. Reeglina on seal kõik juba konfigureeritud.

Teine levinud viga on see, kui ilmub teade “Sõnum saadeti edukalt”, kuid kiri ei jõua posti. Sel juhul peate joont hoolikalt kontrollima:

if (mail(" [e-postiga kaitstud]", "Telli saidilt", "Täisnimi:".$fio.". E-post: ".$email ,"Saatja: [e-postiga kaitstud]\r\n"))

Selle asemel [e-postiga kaitstud] peab olema meiliaadress, kuhu kiri saata, aga selle asemel[e-postiga kaitstud] peab olema selle saidi e-posti aadress. Näiteks veebisaidi jaoks on see . Ainult sel juhul saadetakse kiri vormi andmetega.

HTML vormid. Massiivid $_POST ja $_GET

HTML vormid. Andmete serverisse saatmise meetodid

Tõenäoliselt olete juba kohanud HTML-i vorme:

Sisestage oma nimi:

Kui salvestate selle koodi HTML-faili ja vaatate seda oma lemmikbrauseriga, näete tuttavat HTML-vormi:

Sisestage oma nimi:

Tag

, millel on seotud lõpumärgend, määrab tegelikult vormi. Selle atribuudid on mõlemad valikulised:

• toiming – määrab URL-i (täielik või suhteline), millele vorm saadetakse. Kui seda atribuuti pole määratud, saadab enamik brausereid (täpsemalt kõik mulle teadaolevad brauserid) vormi praegusele dokumendile, see tähendab "iseendale". See on mugav stenogramm, kuid HTML-standardi järgi on action atribuut vajalik.
• meetod – vormi esitamise viis. Neid on kaks.
  • GET - vormi andmete saatmine aadressiribal.
    Võib-olla olete märganud erinevatel veebisaitidel URL-i lõpus "?". ja järgmised andmed vormingus parameeter=väärtus. Siin vastab "parameeter" vormielementide atribuudi name väärtusele (vt sildi kohta allpool ) ja väärtus on atribuudi väärtus sisu (näiteks sisaldab see kasutaja sisestusi sama sildi tekstiväljale ).
    Näiteks proovige Yandexist midagi otsida ja pöörake tähelepanu brauseri aadressiribale. See on GET-meetod.
  • POST - vormi andmed saadetakse päringu põhiosas. Kui see pole täiesti selge (või täiesti ebaselge), ärge muretsege, me pöördume selle probleemi juurde varsti tagasi.
  Kui meetodi atribuuti pole määratud, eeldatakse GET-i.

Tag - määrab vormi elemendi, mis on määratletud tüübi atribuudiga:

• Väärtus "text" määrab üherealise tekstisisestusvälja
• Väärtus "submit" määrab nupu, millel klõpsamisel saadetakse vorm serverisse

Võimalikud on ka muud väärtused (ja - pole ainus silt, mis määrab vormielemendi).

Mis juhtub siis, kui klõpsame "OK"?

1. Brauser vaatab vormis sisalduvaid elemente ja koostab vormiandmed nende nime ja väärtuse atribuutide põhjal. Oletame, et nimi Vasya on sisestatud. Sellisel juhul on vormi andmed name=Vasya&okbutton=OK
2. Brauser loob ühenduse serveriga, saadab serverile taotluse märgendi action atribuudis määratud dokumendi kohta
   , kasutades atribuudis method (antud juhul - GET) määratud andmete saatmise meetodit, edastades päringus vormi andmed.
3. Server analüüsib saadud päringut, genereerib vastuse, saadab selle brauserisse ja sulgeb ühenduse
4. Brauser kuvab serverist saadud dokumendi

Sama päringu käsitsi saatmine (telneti abil) näeb välja järgmine (eeldusel, et saidi domeeninimi on www.example.com):

Telnet www.example.com 80 GET /cgi-bin/form_handler.cgi?name=Vasya&okbutton=OK HTTP/1.0\r\n Host: www.example.com\r\n \r\n

Nagu olete ilmselt juba arvanud, on esitamisnupu klõpsamine vormil "GET" esitamismeetodiga sama, mis vastava URL-i (küsimärgi ja vormiandmetega lõpus) ​​sisestamine brauseri aadressiribale:

Http://www.example.com/cgi-bin/form_handler.cgi?name=Vasya&okbutton=OK

Tegelikult kasutatakse GET-meetodit alati, kui taotlete serverilt dokumenti, sisestades lihtsalt selle URL-i või klõpsates lingil. Kasutades , lisatakse URL-ile lihtsalt küsimärk ja vormi andmed.

Võib-olla tunduvad kõik need tehnilised üksikasjad ja harjutused telnetiga teile uskumatult igavad ja isegi mittevajalikud ("mis PHP-l sellega pistmist on?"). Aga asjata. :) Need on HTTP-protokolliga töötamise põhitõed, mida iga veebiprogrammeerija peab peast teadma ja see ei ole teoreetiline teadmine - see kõik tuleb praktikas kasuks.

Asendame nüüd oma vormi esimese rea järgmisega:

Määrasime saatmismeetodiks "POST". Sellisel juhul saadetakse andmed serverisse veidi erineval viisil:

Telnet www.example.com 80 POST /cgi-bin/form_handler.cgi HTTP/1.0\r\n Host: www.example.com\r\n Sisu tüüp: application/x-www-form-urlencoded\r\ n Sisu pikkus: 41263\r\n \r\n name=Vasya&okbutton=OK

POST-meetodi kasutamisel saadetakse vormi andmed pärast "kahe sisestusklahvi" - päringu sisus. Kõik ülaltoodud on tegelikult päringu päis (ja kui kasutasime GET-meetodit, saadeti vormi andmed päises). Selleks, et server teaks, millisel baidil päringu keha lugemise lõpetada, sisaldab päis rida Content-Length; et vormi andmed edastatakse kujul parameeter1=väärtus1¶meeter2=väärtus2... ja väärtused edastatakse urlencode'i kujul – see tähendab täpselt samamoodi nagu GET-meetodil, kuid päring - sisu päis teavitab serverit -Tüüp: application/x-www-form-urlencoded .

POST-meetodi eeliseks on see, et vormi andmerea pikkus ei ole piiratud.

POST-meetodi kasutamisel ei ole võimalik vormi esitada lihtsalt "linki järgides", nagu oli GET .

POST vormi kasutamisel saab selle action atribuudis pärast küsimärki määrata vormi GET parameetrid. Seega hõlmab POST-meetod GET-meetodit.

massiivid $_GET ja $_POST

Niisiis on vormid peamine viis veebiserveri ja brauseri vahel andmete vahetamiseks, see tähendab, et need pakuvad kasutaja interaktsiooni – tegelikult on veebiprogrammeerimine mõeldud.

Vaatame lihtsat näidet:

if ($_SERVER [ "REQUEST_METHOD" ] == "POSTITA" ) (
kaja"

Tere, " . $_POST [ "nimi" ] . "

!" ;
}
?>
">
Sisestage oma nimi:

Ridadel 8-12 näidatud vorm sisaldab kahte elementi: nimi ja oknupp. Atribuut Method määrab vormi esitamise meetodi POST, atribuut action aga URL-i, kuhu vorm saadetakse, ja see täidetakse serveri muutuja PHP_SELF väärtusega – hetkel töötava skripti aadressiga.

- lühendatud vorm jaoks .

Oletame, et sisestasime nimeväljale väärtuse Vasya ja klõpsasime nuppu OK. Sel juhul saadab brauser serverile POST-päringu. Päringu sisu: name=Vasya&okbutton=OK . PHP täidab automaatselt massiivi $_POST:

$_POST ["nimi"] = "Vasja"
$_POST ["okbutton"] = "OK"

Tegelikkuses saadab brauser väärtuse "Vasya" URL-koodi kujul; Windows-1251 kodeeringu puhul näeb see väärtus välja nagu %C2%E0%F1%FF . Aga kuna PHP tegeleb vajaliku dekodeerimisega automaatselt, võime selle funktsiooni "unustada" – seni, kuni peame HTTP päringutega käsitsi tegelema.

Kuna päringu sisu määrab ainult nimed ja väärtused, kuid mitte vormielementide tüübid, pole PHP-l aimugi, kas $_POST["nimi"] vastab sisendstringile, nupule või loendikastile. Kuid üldiselt ei vaja me seda teavet üldse. :)

Kuna me ei pea teadma, mida esitamisnupp ütleb, saame realt 11 eemaldada atribuudi nimi, lühendades nupu kirjeldust nii . Sel juhul saadab brauser POST-päringu name=Vasya.

Ja nüüd sama asi, kuid vormi GET jaoks:

if (isset($_GET [ "nimi" ])) (
kaja"

Tere, " . $_GET [ "nimi" ] . "

!" ;
}
?>

">
Sisestage oma nimi:

8. reale võiks sama lihtsalt kirjutada

: GET on vaikemeetod. Seekord saadab brauser GET-päringu, mis võrdub aadressi sisestamisega aadressiribale: http://site-address/script-name.php?name=Vasya.

PHP teeb GET-vormidega sama, mis POST-iga, selle erinevusega, et massiiv $_GET on asustatud.

Põhiline erinevus on real 4. Kuna lihtsalt aadressi sisestamine brauseri reale on GET-i päring, on kontrollimine, kas ($_SERVER["REQUEST_METHOD"] == "GET") on mõttetu. Seetõttu kasutame isset() konstruktsiooni, mis tagastab tõene, kui muutuja on defineeritud (st sellele on määratud väärtus), ja false, kui muutuja pole defineeritud. Kui vorm on täidetud – nagu te juba aru saite, määrab PHP $_GET["nimi"] automaatselt vastava väärtuse.

Iset() kasutav kontrollimeetod on universaalne, seda saab kasutada ka POST-vormi puhul. Veelgi enam, see on eelistatav, kuna see võimaldab teil teada saada, millised vormi väljad on täidetud.

Veidi keerulisem näide.

kaja "Palun sisestage nimi!
" ;
< 1900 || $_POST [ "year" ] > 2004 ) {
kaja
" ;
) muidu (

" ;

kaja "Teile". $vanus . "aastad
" ;
}
kaja"

---

" ;
}
?>
">
Sisestage oma nimi:


Sisestage oma sünniaasta:

Siin ei kasutata uusi tehnikaid. Mõelge välja, käivitage kood, proovige muuta ...

Muudame viimast näidet nii, et kasutaja ei peaks välju uuesti täitma. Selleks täitke vormielementide väärtusatribuudid äsja sisestatud väärtustega.

$nimi = isset($_POST [ "nimi" ]) ? $_POST [ "nimi"] : "" ;
$year = isset($_POST [ "aasta" ]) ? $_POST [ "aasta" ] : "" ;

If (isset($_POST [ "nimi" ], $_POST [ "aasta" ])) (
if ($_POST [ "nimi" ] == "" ) (
kaja "Palun sisestage nimi!
" ;
) else if ($_POST [ "aasta" ]< 1900 || $_POST [ "year" ] > 2004 ) {
kaja "Palun täpsustage sünniaasta! Kehtiv väärtusvahemik: 1900..2004
" ;
) muidu (
kaja "Tere," . $_POST ["nimi"]. "!
" ;
$vanus = 2004 – $_POST [ "aasta" ];
kaja "Teile". $vanus . "aastad
" ;
}
kaja"

---

" ;
}
?>

">
Sisestage oma nimi:


Sisestage oma sünniaasta:

4. ja 5. rida võivad veidi segadusse ajada. Kõik on väga lihtne: 4. rida võiks kirjutada nii:

if (isset($_POST [ "nimi" ]))
$nimi = $_POST ["nimi" ];
muidu
$nimi = "" ;

Võib tekkida küsimus - miks mitte visata read 4-5 välja ja kirjutada:

Sisestage oma nimi: ">

Sisestage oma sünniaasta: ">

Asi on selles, et kui need POST-muutujad ei ole defineeritud – ja see juhtub siis, kui vorm pole veel täidetud –, annab PHP hoiatusi initsialiseerimata muutujate kasutamise kohta (ja täiesti mõistlikult: selline teade võimaldab teil kiiresti leida muutujate nimedes raskesti tuvastatavad kirjavead ja hoiatab ka võimalike "aukude" eest saidil). Isset-koodi saab muidugi otse vormi panna, kuid see on liiga tülikas.

Sain aru? Nüüd proovige antud koodist viga leida. No mitte just viga, vaid viga.

htmlspecialchars()

Ei leidnud? Ma annan sulle vihje. Sisestage väljale "nimi" näiteks topelttsitaat ja mõni tekst, näiteks "Va" Saada vorm ja vaadake saadud lehe lähtekoodi. Neljandal real on midagi sellist:

Sisestage oma nimi:

See tähendab, et ei midagi head. Mis siis, kui kaval kasutaja sisestas JavaScripti koodi?

Selle probleemi lahendamiseks peate kasutama funktsiooni htmlspecialchars(), mis asendab erimärgid nende HTML-i esitusega (näiteks tsitaat "-ga):

$nimi = isset($_POST [ "nimi" ]) ? htmlspecialchars ($_POST [ "nimi" ]) : "" ;
$year = isset($_POST [ "aasta" ]) ? htmlspecialchars ($_POST [ "aasta" ]) : "" ;

If (isset($_POST [ "nimi" ], $_POST [ "aasta" ])) (
if ($_POST [ "nimi" ] == "" ) (
kaja "Palun sisestage nimi!
" ;
) else if ($_POST [ "aasta" ]< 1900 || $_POST [ "year" ] > 2004 ) {
kaja "Palun täpsustage sünniaasta! Kehtiv väärtusvahemik: 1900..2004
" ;
) muidu (
kaja "Tere," . $nimi. "!
" ;
$vanus = 2004 – $_POST [ "aasta" ];
kaja "Teile". $vanus . "aastad
" ;
}
kaja"

---

" ;
}
?>

">
Sisestage oma nimi:


Sisestage oma sünniaasta:

Korrake katset ja veenduge, et HTML-kood on nüüd õige.

Pidage meeles – funktsiooni htmlspecialchars() tuleb kasutada alati, kui kuvatakse muutuja sisu, mis võib sisaldada HTML-i erimärke.

phpinfo()

Funktsioon phpinfo() on PHP-s üks olulisemaid. See kuvab teavet PHP sätete, erinevate konfiguratsioonimuutujate väärtuste kohta ...

Miks ma seda vorme käsitlevas artiklis mainin? phpinfo() on mugav silumistööriist. phpinfo() prindib muu hulgas kõigi muutujate $_GET, $_POST ja $_SERVER väärtused. Nii et kui vormimuutuja läheb kaduma, on kõige lihtsam viis viga teada saada, kasutades funktsiooni phpinfo(). Tagamaks, et funktsioon kuvab ainult muutujate väärtusi (ja ilma, et peaksite kümneid lehekülgi kerima), tuleks seda kutsuda järgmiselt: phpinfo(INFO_VARIABLES); , või - mis on absoluutselt sama asi - phpinfo(32) ;.

">
Sisestage oma nimi:


phpinfo(32);
?>

Või näiteks selline olukord: soovite teada saada külastaja IP-aadressi. Mäletate, et vastav muutuja on salvestatud massiivi $_SERVER, kuid - halb õnn - unustasite, kuidas seda muutujat täpselt nimetatakse. Jällegi helistage phpinfo(32); , otsige märgist oma IP-aadressi ja leidke see realt $_SERVER["REMOTE_ADDR"] .

Laboratoorsed tööd 1. HTTP protokoll. Meetodid GET, POST. HTML vormid.

Teoreetiline osa

HTTP-päringu elutsükkel

1. Brauser avab ühenduse serveriga
2. Brauser saadab serverile päringu lehe vastuvõtmiseks
3. Server genereerib vastuse (kõige sagedamini HTML-koodi) brauserile ja sulgeb ühenduse
4. Brauser töötleb HTML-koodi ja kuvab lehe

Pöörake tähelepanu esiletõstetud julge. Isegi enne, kui näete ekraanil soovitud lehte, on ühendus serveriga suletud ja see on teid unustanud. Ja kui sisestate erineva (või sama) aadressi või klõpsate lingil või klõpsate HTML-vormi nupul, kordub sama muster uuesti.

Seda tüüpi tööd nimetatakse "klient-server". Klient on sel juhul brauser.

Seega kestab ühendus veebiserveriga vaid mõne sekundi (või sekundi murdosa) – see on ajavahemik lingil (või muud tüüpi päringul) klõpsamise ja lehe kuvamise vahel. Enamik brausereid kuvab ühenduse ajal mingit indikaatorit, näiteks MS Internet Explorer kuvab paremas ülanurgas animatsiooni.

HTTP kui "musta kasti" tajumisest igaveseks vabanemiseks "teeskleme" telneti kasutavat brauserit:

1. Käivitame telnet ya.ru 80
2. Sisestame terminali aknasse järgmise (kui sisendit ei kuvata, pole midagi):

GET / HTTP/1.0[vajutage siin Enter]
Saatejuht: ya.ru[vajutage siin kaks korda sisestusklahvi]

Sisestusklahvi vajutamine vastab tavaliselt märkide kombinatsioonile CR + LF, mis on tähistatud kui \r\n. Seda tähistust kasutatakse allpool.

Lehe http://ya.ru/ HTML-kood jookseb üle ekraani. Nagu näete, pole midagi keerulist.

Praeguse lehe lähtekoodi saab vaadata peaaegu igas brauseris, valides menüüst "View|Source".

Pildid, raamid - kõik need on lisasoovid, täpselt samad. Tegelikult, kust tulevad pildid brauseriaknas: HTML-koodi sõelumisel (töötlemisel) kohtab brauser sildi https://i1.wp.com/ pilt"> teeb serverile lisapäringu – päring Pildid ja kuvab selle kohas, kus silt on .

Proovige:

Telnet www.google.ru 80

HANKIGE /php/php5ru.png HTTP/1.0\r\n
Saatejuht: ya.ru\r\n\r\n

See, mida näete, kui vaatate seda png-faili tekstiredaktoris, vilgub üle ekraani.

I-2. HTML vormid. Andmete serverisse saatmise meetodid

Tõenäoliselt olete juba kohanud HTML-i vorme:

2. Sisestage oma nimi:
3. 
   

Kui salvestate selle koodi HTML-faili ja vaatate seda oma lemmikbrauseriga, näete tuttavat HTML-vormi:

Sisestage oma nimi:

Vaatame lähemalt selles lühikeses näites kasutatud silte.

Tag

, millel on seotud lõpumärgend, määrab tegelikult vormi. Selle atribuudid on mõlemad valikulised:

• tegevust- määrab URL-i (täielik või suhteline), mille suhtes saadetud vormi. Vormi esitamine on serverile sama päring nagu kõik teised (nagu ma juba eespool kirjeldasin).

Kui seda atribuuti pole määratud, saadab enamik brausereid (täpsemalt kõik mulle teadaolevad brauserid) vormi praegusele dokumendile, see tähendab "iseendale". See on mugav stenogramm, kuid HTML-standardi järgi on action atribuut vajalik.

• meetod - tee vormi esitamine. Neid on kaks.
• SAA- vormiandmete saatmine aadressiribale.
  Võib-olla olete märganud erinevatel veebisaitidel URL-i lõpus "?". ja järgmised andmed vormingus parameeter=väärtus. Siin vastab "parameeter". tähenduses atribuut nimi vormielemendid (vt sildi kohta allpool ) ja "väärtus" – atribuudi sisu väärtus(see sisaldab näiteks kasutaja sisestusi sama sildi tekstiväljale ).
  Näiteks proovige Yandexist midagi otsida ja pöörake tähelepanu brauseri aadressiribale. See on GET-meetod.
• POSTITA- vormi andmed saadetakse taotluse organ. Kui see pole täiesti selge (või täiesti ebaselge), ärge muretsege, me pöördume selle probleemi juurde varsti tagasi.

Kui atribuut meetod pole täpsustatud – tähendab "GET".

Tag - komplektid vormi element, mis on määratletud atribuudiga tüüp :

• Tähendus "tekst" määrab üherealise tekstisisestusvälja
• Tähendus "Esita" määrab nupu, mille vajutamine põhjustab saatmine vormid serverisse

Võimalikud on ka muud väärtused (ja - ei ole ainus silt, mis määratleb vormielemendi), kuid me vaatame neid järgmistes peatükkides.

Mis juhtub siis, kui klõpsame "OK"?

1. Brauser vaatab vormis sisalduvaid elemente ning moodustab nendest nime- ja väärtuseatribuudid vormi andmed. Oletame, et nimi on sisestatud Vasja. Sellisel juhul on vormi andmed name=Vasya&okbutton=OK
2. Brauser loob ühenduse serveriga, saadab serverile päringu atribuudis määratud dokumendi kohta tegevust silt
   , kasutades atribuudis määratud andmete saatmise meetodit meetod(antud juhul - GET), edastades päringus vormi andmed.
3. Server analüüsib saadud päringut, genereerib vastuse, saadab selle brauserisse ja sulgeb ühenduse
4. Brauser kuvab serverist saadud dokumendi

Sama päringu käsitsi saatmine (telneti abil) näeb välja järgmine (eeldusel, et saidi domeeninimi on www.example.com):

telnet www.example.com 80

HANKIGE /cgi-bin/form_handler.cgi?name=Vasya&okbutton=OK HTTP/1.0\r\n
Host: www.example.com\r\n
\r\n

Nagu olete ilmselt juba arvanud, on esitamisnupu klõpsamine vormil "GET" esitamismeetodiga sama, mis vastava URL-i (küsimärgi ja vormiandmetega lõpus) ​​sisestamine brauseri aadressiribale: http://www.example.com/cgi-bin/form_handler.cgi?name=Vasya&okbutton=OK

Tegelikult kasutatakse GET-meetodit alati, kui taotlete serverilt dokumenti, sisestades lihtsalt selle URL-i või klõpsates lingil. Kasutades , lisatakse URL-ile lihtsalt küsimärk ja vormi andmed.

Asendame nüüd oma vormi esimese rea järgmisega:

Määrasime saatmismeetodiks "POST". Sellisel juhul saadetakse andmed serverisse veidi erineval viisil:

telnet www.example.com 80

POST /cgi-bin/form_handler.cgi HTTP/1.0\r\n
Host: www.example.com\r\n
Sisutüüp: rakendus/x-www-vorm-urlencoded\r\n
Sisu pikkus: 22\r\n
\r\n
name=Vasya&okbutton=OK

POST-meetodi kasutamisel saadetakse vormiandmed pärast “kahe sisestust” - aadressile keha nõuda. Kõik ülaltoodud on tõsi pealkiri päring (ja kui kasutasime GET-meetodit, saadeti vormi andmed päises). Selleks, et server teaks, millisel baidil päringu keha lugemise lõpetada, sisaldab päis rida Sisu pikkus; umbes sama, et vormi andmed edastatakse vormis parameeter1=väärtus1¶meeter2=väärtus2..., ja väärtused edastatakse urlencode'i kujul - see tähendab täpselt sama, mis GET-meetodi kasutamisel, kuid päringu põhiosas - serverit teavitatakse päisest "Sisutüüp: rakendus/x- www-vorm-urlencoded".

POST-meetodi eeliseks on see, et vormi andmerea pikkus ei ole piiratud.

POST-meetodi kasutamisel ei ole võimalik vormi esitada lihtsalt “lingi järgides”, nagu GET-i puhul.

POST-vormi kasutamisel selle atribuudis tegevust Küsimärgi järel saate määrata ka vormi GET parameetrid. Seega hõlmab POST-meetod GET-meetodit.

SEOTUD ARTIKLID

Monitorid

Kuidas Megafonist Androidis Internetti seadistada

Winchesterid

Failide manustamine e-kirjadele iPhone'is ja iPadis

RAM

Sõnumeid ei saadeta Sõnumeid ei saadeta outlooki kaudu

Winchesterid

Mida teha, kui "modaalsete akende kasutamine selles režiimis on keelatud"

muud

Mis on sisselogimine, parool ja konto (konto)

Toiteallikad

Wordi rtf teisendamine tekstidokumendiks

Windows 7

Kondensaatorid Kontrollige laadimisaja mõõtmisega

Multimeedia

Avage või salvestage dokument OpenDocument Text (ODT) vormingus Wordi abil

Toiteallikad

Djvu-vormingust pdf-i teisendamine

Me soovitame

Videokaardid

Üks printer kõigile arvutitele

Printeri täielikuks tööks peate installima täiendava tarkvara - draiverid. Tavaliselt tulevad need seadmega komplekti,...

HTML-i sildid, mida kasutatakse teksti vormindamiseks

Windows 7

WhatsAppi põhiprobleemid WhatsApp ei saa helisalvestit seadistada

Eluruumid

Kustutage "Google" rakendused Xiaomi kuidas kustutada Google'i rakendusi

RAM

PowerShelli avamine, kõik meetodid Powershelli skripti käivitamine

muud

Moodulid, mallid, nahad, häkid

Protsessorid

Kuidas teada saada oma ekraani eraldusvõimet: ilmnes sajandi mõistatus

Protsessorid

Installige arvutisse VKontakte

Kuidas ühendada MTC Interneti-pakett SuperBit ja Bit

Lihtne HTML5 tagasisidevorm

TwitchMaster – tasuta vaatajate arvu suurendamine Twitchis (Twitch)

Kuidas Megafonist Androidis Internetti seadistada

Failide manustamine e-kirjadele iPhone'is ja iPadis

Sõnumeid ei saadeta Sõnumeid ei saadeta outlooki kaudu

Mida teha, kui "modaalsete akende kasutamine selles režiimis on keelatud"

Mis on sisselogimine, parool ja konto (konto)

Wordi rtf teisendamine tekstidokumendiks

Kondensaatorid Kontrollige laadimisaja mõõtmisega

Avage või salvestage dokument OpenDocument Text (ODT) vormingus Wordi abil

Djvu-vormingust pdf-i teisendamine

Üks printer kõigile arvutitele

HTML-i sildid, mida kasutatakse teksti vormindamiseks

WhatsAppi põhiprobleemid WhatsApp ei saa helisalvestit seadistada

Kustutage "Google" rakendused Xiaomi kuidas kustutada Google'i rakendusi

PowerShelli avamine, kõik meetodid Powershelli skripti käivitamine

Autoriõigus 2024 – Arvutite ja sülearvutite remont. Videokaardid, kõvakettad, internet, monitorid.