Klik op Reset en vul de bestelling in.

Als u deze HTML-code met een browser verwerkt, wordt een webpagina weergegeven, die te zien is op het beeldscherm:

Gebruiker klikt op een knop "Resetten" en de velden krijgen hun standaardwaarden. Het formulier wordt door de gebruiker met één klik op de knop ingevuld "Bestelling verzenden" verzonden naar Dit e-mailadres is beschermd tegen spambots. Om het te zien, moet JavaScript ingeschakeld zijn. Meestal verzendt de browser het formulier niet zelf, maar vertrouwt dit werk toe aan het e-mailprogramma dat standaard op het besturingssysteem van de computer is geïnstalleerd (bijvoorbeeld Outlook). De brief wordt verzonden in de vorm:

onderwerp: Formulier ingediend vanuit Microsoft Internet Explorer

naam = Prokhorov Viktor Sergejevitsj

value= Dit e-mailadres is beschermd tegen spambots. Om deze te kunnen bekijken moet JavaScript ingeschakeld zijn

obj = "Richtlijnen"

De brief bestaat uit paren naam=waarde, die in volgorde uit de formuliervelden worden geselecteerd.

Laten we het volgende voorbeeld eens nader bekijken.

Lijst formulier_1.html

Voer uw naam in:

Deze code opslaan in een HTML-bestand formulier_1.html en als u het bekijkt met een browser, ziet u het HTML-formulier:

Het formulier wordt geïmplementeerd door een containertag . De tag geeft met zijn attributen aan:

Adres van het script waarnaar het formulier wordt verzonden;

Wijze van verzending en kenmerken van de gegevens in het formulier. Elementair en definitief tags definiëren de grenzen van het formulier. Hun indicatie is verplicht.

Kenmerken van containertags

( allemaal optioneel):

? actie--een attribuut waarvan de waarde is URL-adres (volledig of relatief) van de gevraagde CGI-programma's. Dit programma verwerkt de gegevens in het formulier. Het is acceptabel om de invoer te gebruiken MAILTO:URL. In dit geval wordt het formulier per e-mail verzonden. Als attribuut actie niet specificeren, de inhoud van het formulier wordt verzonden naar URL het adres van waaruit deze webpagina is geladen, dat wil zeggen ‘naar zichzelf’. Dit is een handige afkorting, maar volgens de HTML-standaard het attribuut actie vereist.

? methode-- definieert een methode HTTP, gebruikt om formuliergegevens van de browser naar de server te verzenden. Attribuut methode kan twee betekenissen hebben: krijgen of na:

¦ krijgen- formuliergegevens verzenden in de adresbalk. Mogelijk hebt u op verschillende websites de aanwezigheid van een "?" aan het einde van de URL opgemerkt. en de volgende gegevens in het formaat parameter=waarde. Hier "parameter" komt overeen met de attribuutwaarde naam formulierelementen (zie hieronder over de tag ), A "betekenis"- attribuutinhoud waarde(het bevat bijvoorbeeld gebruikersinvoer in een tekstveld met dezelfde tag ).

Probeer bijvoorbeeld iets te zoeken in Yandex en let op de adresbalk van uw browser. Dit is de manier krijgen.

¦ na- formuliergegevens worden verzonden in de hoofdtekst van het verzoek. Als het niet helemaal duidelijk (of helemaal onduidelijk) is wat dit is, hoeft u zich geen zorgen te maken. We komen binnenkort op dit onderwerp terug.

Als attribuut methode niet gespecificeerd - impliciet "krijgen".

? enctype-- optioneel attribuut. Specificeert het inhoudstype van het formulier dat wordt gebruikt om het coderingsformaat te bepalen bij het indienen ervan. IN HTML Er worden twee mogelijke waarden voor het attribuut gedefinieerd enctype:

¦ APPLICATIE/X-WWW-FORM-URLENCODEERD(standaard).

¦ MULTIPART/FORMULIERGEGEVENS.

Label Hiermee kunt u tekstreeksen, bestandsnamen, wachtwoorden, enz. maken in de invoervelden van het formulier. geen eindtag. Kenmerken en gebruiksfuncties hangt af van hoe het wordt gebruikt.

Label - specificeert het vormelement dat door het attribuut wordt gedefinieerd type:

¦ Betekenis "tekst" specificeert een tekstinvoerveld van één regel.

¦ Betekenis "indienen" specificeert een knop die, wanneer erop wordt geklikt, het formulier naar de server verzendt.

Andere waarden zijn mogelijk (en (niet de enige tag die een formulierelement definieert), maar we zullen ze in de volgende hoofdstukken bekijken.

Dus wat gebeurt er als op de OK-knop wordt geklikt?

1. De browser kijkt naar de elementen in het formulier en maakt op basis van hun attributen naam En waarde formulier gegevens. Stel dat de naam is ingevoerd Vasya. In dit geval zijn de formuliergegevens: naam=Vasya&okbutton=OK.

2. De browser brengt een verbinding tot stand met de server en stuurt een verzoek naar de server voor het document dat in het attribuut is opgegeven actie label , met behulp van de gegevensverzendmethode die is opgegeven in het kenmerk methode(in dit geval - KRIJGEN), waarbij de formuliergegevens in het verzoek worden doorgegeven.

3. De server analyseert het ontvangen verzoek, genereert een antwoord, stuurt dit naar de browser en verbreekt de verbinding.

4. De browser geeft het document weer dat is ontvangen van de server.

Hetzelfde verzoek handmatig verzenden (met behulp van telnet) ziet er zo uit (ervan uitgaande dat de domeinnaam van de site www.voorbeeld.com).

Het formulier zelf is meestal bedoeld om informatie van de gebruiker te ontvangen en deze vervolgens naar de server te sturen, waar de formuliergegevens worden ontvangen door het afhandelingsprogramma. Zo'n programma kan worden geschreven in elke programmeertaal aan de serverzijde, zoals PHP, Perl, enz. Het programmaadres wordt aangegeven in het action-attribuut van de tag , zoals weergegeven in voorbeeld 1.

Voorbeeld 1: Formuliergegevens indienen

HTML5 IE Cr Op Sa Fx

In dit voorbeeld worden de formuliergegevens aangegeven door het naamattribuut (login en wachtwoord) doorgegeven aan het bestand /example/handler.php. Als het actiekenmerk niet is opgegeven, vindt de overdracht plaats naar het adres van de huidige pagina.

Overdracht naar de server vindt plaats op twee verschillende manieren: GET en POST, om de methode in de tag in te stellen

Het method-attribuut wordt gebruikt en de waarden ervan zijn de trefwoorden get en post. Als het methodekenmerk niet is opgegeven, worden de gegevens standaard naar de server verzonden met behulp van de GET-methode. In tabel Figuur 1 laat de verschillen tussen deze methoden zien.

Welke methode wordt gebruikt, kan eenvoudig worden bepaald aan de hand van de adresbalk van de browser. Als er een vraagteken in staat en het adres ziet er zo uit, dan is dit zeker een GET.

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

Een unieke combinatie van parameters in de adresbalk identificeert een pagina op unieke wijze, dus pagina's met de adressen ?q=node/add en ?q=node worden als verschillend beschouwd. Deze functie wordt gebruikt door contentmanagementsystemen (CMS, Contentmanagementsysteem) om veel websitepagina's te maken. In werkelijkheid wordt er één enkel bestand gebruikt dat een GET-verzoek ontvangt en op basis daarvan de inhoud van het document genereert.

Hieronder vindt u typische toepassingen van deze methoden op locaties.

KRIJGEN

Kleine tekstgegevens overbrengen naar de server; site zoeken.

Zoekmachines en sitezoekformulieren worden altijd verzonden met behulp van de GET-methode. Hiermee kunt u zoekresultaten delen met vrienden, een link per e-mail verzenden of deze op een forum plaatsen.

NA

Bestanden overbrengen (foto's, archieven, programma's, enz.); opmerkingen verzenden; berichten toevoegen en bewerken op het forum, blog.

Standaard wordt het formulier verwerkt in het huidige browsertabblad. Wanneer u het formulier verzendt, kunt u deze parameter echter wijzigen en de formulierhandler in een nieuw tabblad of frame openen. Dit gedrag wordt gespecificeerd via de “contextnaam”, wat de waarde is van het doelattribuut van de tag . Populaire waarden zijn _blank om het formulier in een nieuw venster of tabblad te openen, en de naam van het frame, die wordt gespecificeerd door het name-attribuut van de tag

Wanneer u in dit voorbeeld op de knop Verzenden klikt, wordt het resultaat van de formulierinzending geopend in een frame met de naam area .

Formulierelementen worden traditioneel in een tag geplaatst

, waarmee wordt bepaald welke gegevens naar de server worden verzonden. Tegelijkertijd heeft HTML5 de mogelijkheid om een ​​formulier van zijn elementen te scheiden. Dit wordt gedaan voor het gemak en de veelzijdigheid, dus een complexe lay-out kan verschillende formulieren bevatten die elkaar niet mogen kruisen, of sommige elementen worden bijvoorbeeld weergegeven met behulp van scripts op de ene plaats op de pagina en het formulier zelf bevindt zich op een andere plaats. . De verbinding tussen het formulier en zijn elementen vindt in dit geval plaats via de formulieridentificatie, en het vormattribuut met een waarde gelijk aan deze identificatie moet aan de elementen worden toegevoegd (voorbeeld 3).

Voorbeeld 3: Een formulier aan velden koppelen

HTML5 IE Cr Op Sa Fx

In dit voorbeeld de tag

wordt uniek geïdentificeerd via de auth-identifier, en form="auth" wordt toegevoegd aan velden die via het formulier moeten worden ingediend. In dit geval verandert het gedrag van de elementen niet; wanneer op de knop wordt geklikt, worden de login en het wachtwoord naar de handler.php-handler verzonden.

Hoewel de parameters voor formulieroverdracht traditioneel in de tag worden gespecificeerd , ze kunnen ook worden overgebracht naar de formulierverzendknoppen ( En ). Hiervoor wordt een set attributen formaction , formmethod , formenctype en formtarget gebruikt, die analogen zijn van de overeenkomstige attributen zonder het formuliervoorvoegsel. Voorbeeld 4 toont het gebruik van deze attributen.

Voorbeeld 4: Een formulier indienen

HTML5 IE Cr Op Sa Fx

Alle nieuwe formulierkenmerken worden niet door sommige browsers ondersteund, met name door Internet Explorer en Safari.

Een van de meest populaire functies op de site is het aanvraag- of bestelformulier, waarvan de gegevens per e-mail naar de site-eigenaar worden verzonden. Dergelijke formulieren zijn in de regel eenvoudig en bestaan ​​uit twee of drie velden voor gegevensinvoer. Hoe maak je zo’n bestelformulier aan? Hiervoor is het gebruik van HTML-opmaaktaal en PHP-programmeertaal vereist.

De HTML-opmaaktaal zelf is eenvoudig; u hoeft alleen maar uit te zoeken hoe en waar u bepaalde tags moet plaatsen. Met de programmeertaal PHP zijn de zaken iets ingewikkelder.

Voor een programmeur is het maken van zo'n formulier niet moeilijk, maar voor een HTML-lay-outontwerper lijken sommige acties misschien moeilijk.

Maak een formulier voor het indienen van gegevens in html

De eerste regel zal als volgt zijn

Dit is een heel belangrijk element van het formulier. Daarin geven wij aan hoe de gegevens worden overgedragen en naar welk bestand. In dit geval wordt alles via de POST-methode overgebracht naar het bestand send.php. Het programma in dit bestand moet de gegevens dienovereenkomstig ontvangen, deze worden in de post-array opgenomen en naar het opgegeven e-mailadres verzonden.

Laten we teruggaan naar de vorm. De tweede regel bevat een veld waarin u uw volledige naam kunt invoeren. Heeft de volgende code:

Het formuliertype is tekst, dat wil zeggen dat de gebruiker hier via het toetsenbord tekst kan invoeren of kopiëren. De parameter name bevat de naam van het formulier. In dit geval is het fio; het is onder deze naam dat alles wat de gebruiker in dit veld heeft ingevoerd, wordt verzonden. De placeholder-parameter specificeert wat ter toelichting in dit veld wordt geschreven.

Volgende regel:

Hier is bijna alles hetzelfde, maar de naam voor het veld is e-mail, en de verklaring is dat de gebruiker zijn e-mailadres in dit formulier invoert.

De volgende regel is de knop "verzenden":

En de laatste regel in het formulier is de tag

Laten we nu alles samenvoegen.

Laten we nu de velden in het formulier verplicht maken. We hebben de volgende code:

Maak een bestand dat gegevens uit het HTML-formulier accepteert

Dit zal een bestand zijn met de naam send.php

In het bestand moet u in de eerste fase gegevens uit de post-array accepteren. Om dit te doen, maken we twee variabelen:

$fio = $_POST["fio"];
$e-mail = $_POST["e-mail"];

Variabelenamen in PHP worden voorafgegaan door een $-teken en aan het einde van elke regel wordt een puntkomma geplaatst. $_POST is een array waarnaar gegevens uit het formulier worden verzonden. In het HTML-formulier wordt de verzendmethode gespecificeerd als method="post". Er worden dus twee variabelen uit het HTML-formulier geaccepteerd. Om uw site te beschermen, moet u deze variabelen door verschillende filters sturen: php-functies.

De eerste functie converteert alle tekens die de gebruiker aan het formulier probeert toe te voegen:

In dit geval worden er geen nieuwe variabelen aangemaakt in php, maar worden bestaande variabelen gebruikt. Wat het filter zal doen is het personage transformeren "<" в "<". Также он поступить с другими символами, встречающимися в html коде.

De tweede functie decodeert de URL als de gebruiker deze aan het formulier probeert toe te voegen.

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

Met de derde functie verwijderen we eventuele spaties aan het begin en einde van de regel:

$fio = trim($fio);
$email = trim($email);

Er zijn andere functies waarmee u php-variabelen kunt filteren. Het gebruik ervan hangt af van hoe bezorgd u bent dat een aanvaller programmacode zal proberen toe te voegen aan dit HTML-e-mailinzendingsformulier.

Validatie van gegevens overgedragen van HTML-formulier naar PHP-bestand

Om te controleren of deze code werkt en of er gegevens worden overgedragen, kunt u deze eenvoudig op het scherm weergeven met behulp van de echofunctie:

echo $fio;
echo "
";
echo $fio;

De tweede regel hier is nodig om de uitvoer van php-variabelen in verschillende regels te verdelen.

Ontvangen gegevens van een HTML-formulier naar e-mail verzenden met behulp van PHP

Om gegevens per e-mail te verzenden, moet u de mailfunctie in PHP gebruiken.

mail("naar welk adres moet worden verzonden", "onderwerp van de brief", "Bericht (hoofdtekst van de brief)", "Vanaf: vanuit welke e-mail de brief wordt verzonden \r\n");

U moet bijvoorbeeld gegevens naar het e-mailadres van de site-eigenaar of -beheerder sturen [e-mailadres beveiligd].

Het onderwerp van de brief moet duidelijk zijn en de boodschap van de brief moet bevatten wat de gebruiker heeft opgegeven in het HTML-formulier.

mail(" [e-mailadres beveiligd]", "Toepassing van de site", "Volledige naam:".$fio.". E-mail: ".$email ,"Van: [e-mailadres beveiligd]\r\n");

Het is noodzakelijk om een ​​voorwaarde toe te voegen die controleert of het formulier via PHP naar het opgegeven e-mailadres is verzonden.

als (mail(" [e-mailadres beveiligd]", "Bestel via de site", "Volledige naam:".$fio.". E-mail: ".$email ,"Van: [e-mailadres beveiligd]\r\n"))
{
echo "bericht succesvol verzonden";
) anders (
}

De programmacode van het send.php-bestand, dat de HTML-formuliergegevens naar de mail verzendt, ziet er dus als volgt uit:

$fio = $_POST["fio"];
$e-mail = $_POST["e-mail"];
$fio = htmlspecialchars($fio);
$email = htmlspecialchars($email);
$fio = urldecode($fio);
$email = urldecode($email);
$fio = trim($fio);
$email = trim($email);
//echo $fio;
// echo "
";
// echo $ e-mail;
als (mail(" [e-mailadres beveiligd]", "Toepassing van de site", "Volledige naam:".$fio.". E-mail: ".$email ,"Van: [e-mailadres beveiligd]\r\n"))
( echo "bericht succesvol verzonden";
) anders (
echo "Er zijn fouten opgetreden tijdens het verzenden van het bericht";
}?>

Drie regels om te controleren of de gegevens naar het bestand worden overgebracht, zijn van commentaar voorzien. Indien nodig kunnen ze worden verwijderd, omdat ze alleen nodig waren voor foutopsporing.

De HTML- en PHP-code voor het versturen van het formulier plaatsen wij in één bestand

In de commentaren op dit artikel stellen veel mensen de vraag hoe ze ervoor kunnen zorgen dat zowel het HTML-formulier als de PHP-code voor het verzenden van gegevens naar e-mail in één bestand staan, en niet in twee.

Om dit werk te implementeren, moet u de HTML-code van het formulier in het bestand send.php plaatsen en een voorwaarde toevoegen die controleert op de aanwezigheid van variabelen in de POST-array (deze array wordt verzonden vanuit het formulier). Dat wil zeggen, als de variabelen in de array niet bestaan, moet u de gebruiker het formulier laten zien. Anders moet u gegevens uit de array ontvangen en naar de ontvanger sturen.

Laten we eens kijken hoe we de PHP-code in het send.php-bestand kunnen wijzigen:

//controleer of er variabelen bestaan ​​in de POST-array
if(!isset($_POST["fio"]) en !isset($_POST["e-mail"]))(
?>

) anders (
// toon het formulier
$fio = $_POST["fio"];
$e-mail = $_POST["e-mail"];
$fio = htmlspecialchars($fio);
$email = htmlspecialchars($email);
$fio = urldecode($fio);
$email = urldecode($email);
$fio = trim($fio);
$email = trim($email);
als (mail(" [e-mailadres beveiligd]", "Toepassing van de site", "Volledige naam:".$fio.". E-mail: ".$email ,"Van: [e-mailadres beveiligd]\r\n"))(
echo "Bericht succesvol verzonden";
) anders (
echo "Er zijn fouten opgetreden tijdens het verzenden van het bericht";
}
}
?>

We controleren het bestaan ​​van een variabele in de POST-array met de isset() PHP-functie. Een uitroepteken vóór deze functie in een voorwaarde betekent ontkenning. Dat wil zeggen, als de variabele niet bestaat, moeten we onze vorm tonen. Als ik het uitroepteken niet had geplaatst, zou de voorwaarde letterlijk betekenen: ‘als het bestaat, toon dan de vorm’. En dat is in ons geval verkeerd. Uiteraard kunt u de naam ervan wijzigen in index.php. Als u de naam van het bestand wijzigt, vergeet dan niet de bestandsnaam in de regel te hernoemen

. Het formulier moet naar dezelfde pagina linken, bijvoorbeeld index.php. Ik heb de paginatitel aan de code toegevoegd.

Veelvoorkomende fouten die optreden bij het indienen van een PHP-formulier vanaf een website

De eerste, waarschijnlijk de meest voorkomende fout, is wanneer u een lege witte pagina zonder berichten ziet. Dit betekent dat u een fout heeft gemaakt in de paginacode. Je moet de weergave van alle fouten in PHP inschakelen en dan zie je waar de fout is gemaakt. Voeg toe aan de code:

ini_set("display_errors","Aan");
error_reporting("E_ALL");

Het send.php-bestand mag alleen op de server worden uitgevoerd, anders werkt de code eenvoudigweg niet. Het is raadzaam dat dit geen lokale server is, aangezien deze niet altijd is geconfigureerd om gegevens naar een externe mailserver te verzenden. Als u de code niet op de server uitvoert, wordt de PHP-code direct op de pagina weergegeven.

Voor een correcte werking raad ik dus aan om het send.php-bestand op de sitehosting te plaatsen. In de regel is alles daar al geconfigureerd.

Een andere veel voorkomende fout is wanneer de melding ‘Bericht succesvol verzonden’ verschijnt, maar de brief niet per post aankomt. In dit geval moet u de regel zorgvuldig controleren:

als (mail(" [e-mailadres beveiligd]", "Bestel via de site", "Volledige naam:".$fio.". E-mail: ".$email ,"Van: [e-mailadres beveiligd]\r\n"))

In plaats van [e-mailadres beveiligd] er moet een e-mailadres zijn waarnaar de brief moet worden verzonden, maar in plaats daarvan[e-mailadres beveiligd] moet een bestaand e-mailadres voor deze site zijn. Voor een website zal dit bijvoorbeeld zijn . Alleen in dit geval wordt een brief met de gegevens uit het formulier verzonden.

HTML-formulieren. $_POST- en $_GET-arrays

HTML-formulieren. Methoden voor het verzenden van gegevens naar de server

U bent waarschijnlijk al HTML-formulieren tegengekomen:

Voer uw naam in:

Door deze code op te slaan in een HTML-bestand en deze te bekijken met uw favoriete browser, ziet u een bekend HTML-formulier:

Voer uw naam in:

Label

, met een gepaarde eindtag, stelt feitelijk het formulier in. De attributen zijn beide optioneel:

• actie - specificeert de URL (volledig of relatief) waarnaar het formulier wordt verzonden.
• Als dit kenmerk niet is opgegeven, sturen de meeste browsers (meer precies, alle bij mij bekende browsers) het formulier naar het huidige document, dat wil zeggen 'naar zichzelf'. Dit is een handige afkorting, maar volgens de HTML-standaard is het action-attribuut vereist.
  • methode - methode voor het indienen van het formulier. Er zijn er twee.
    GET - formuliergegevens verzenden in de adresbalk. Het is u misschien op verschillende websites opgevallen dat er een "?" aan het einde van de URL staat. en de volgende gegevens in het formaat parameter=waarde. Hier komt de “parameter” overeen met de waarde van het name-attribuut van de formulierelementen (zie hieronder over de tag ).
    ), en 'waarde' is de inhoud van het waarde-attribuut (het bevat bijvoorbeeld de invoer van de gebruiker in het tekstveld van dezelfde tag
  • Probeer bijvoorbeeld iets te zoeken in Yandex en let op de adresbalk van de browser.
  Dit is de GET-methode.

Label POST - formuliergegevens worden verzonden in de hoofdtekst van het verzoek. Als het niet helemaal duidelijk (of helemaal onduidelijk) is wat dit is, hoeft u zich geen zorgen te maken. We komen binnenkort op dit onderwerp terug.

• Als het method-attribuut niet is gespecificeerd, wordt uitgegaan van GET.
• - specificeert een vormelement gedefinieerd door het type attribuut:

Andere waarden zijn mogelijk (en De waarde "tekst" specificeert een tekstinvoerveld van één regel

De waarde "verzenden" specificeert een knop die, wanneer erop wordt geklikt, het formulier naar de server verzendt

1. (niet de enige tag die een formulierelement specificeert).
2. Dus wat gebeurt er als we op "OK" klikken?
   De browser kijkt naar de elementen in het formulier en construeert formuliergegevens op basis van hun naam en waarde-attributen.
3. De server analyseert het ontvangen verzoek, genereert een reactie, stuurt deze naar de browser en verbreekt de verbinding
4. De browser geeft het document weer dat is ontvangen van de server

Hetzelfde verzoek handmatig verzenden (via telnet) ziet er als volgt uit (ervan uitgaande dat de domeinnaam van de site www.example.com is):

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

Zoals u waarschijnlijk al geraden heeft, is het klikken op de verzendknop op een formulier met een "GET" verzendmethode hetzelfde als het typen van de overeenkomstige URL (met een vraagteken en formuliergegevens aan het einde) in de adresbalk van de browser:

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

In feite wordt de GET-methode gebruikt wanneer u een document opvraagt ​​bij de server door simpelweg de URL in te voeren of op een link te klikken. Bij gebruik , wordt de URL eenvoudigweg toegevoegd met een vraagteken en formuliergegevens.

Misschien lijken al deze technische details en oefeningen met telnet je ongelooflijk saai en zelfs onnodig (“wat heeft PHP ermee te maken?”). Maar tevergeefs. :) Dit zijn de basisprincipes van het werken met het HTTP-protocol, die elke webprogrammeur uit zijn hoofd moet kennen, en dit is geen theoretische kennis - dit alles zal in de praktijk nuttig zijn.

Laten we nu de eerste regel van ons formulier vervangen door het volgende:

We hebben de verzendmethode opgegeven als "POST". In dit geval worden de gegevens op een iets andere manier naar de server verzonden:

Telnet www.example.com 80 POST /cgi-bin/form_handler.cgi HTTP/1.0\r\n Host: www.example.com\r\n Inhoudstype: application/x-www-form-urlencoded\r\ n Inhoudslengte: 41263\r\n \r\n naam=Vasya&okbutton=OK

Bij gebruik van de POST-methode worden de formuliergegevens verzonden na “twee Enters” - in de hoofdtekst van het verzoek. Alles hierboven is eigenlijk de verzoekheader (en toen we de GET-methode gebruikten, werden de formuliergegevens in de header verzonden). Om ervoor te zorgen dat de server weet bij welke byte hij moet stoppen met het lezen van de hoofdtekst van het verzoek, bevat de header de regel Content-Length; dat de formuliergegevens worden verzonden in de vorm parameter1=value1¶meter2=value2... en dat de waarden worden verzonden in de vorm van urlencode - dat wil zeggen precies hetzelfde als het gebruik van de GET-methode, maar dan in de hoofdtekst van de request - de Content-header informeert de server -Type: application/x-www-form-urlencoded .

Het voordeel van de POST-methode is dat er geen limiet is aan de lengte van de formuliergegevensregel.

Bij gebruik van de POST-methode is het niet mogelijk om het formulier te verzenden door simpelweg "een link te volgen", zoals het geval was met GET.

Wanneer u een POST-formulier gebruikt, kunt u in het action-attribuut na het vraagteken de parameters van het GET-formulier opgeven. De POST-methode omvat dus de GET-methode.

$_GET- en $_POST-arrays

Formulieren zijn dus de belangrijkste manier om gegevens uit te wisselen tussen een webserver en een browser, dat wil zeggen dat ze gebruikersinteractie bieden - in feite waar webprogrammering voor is.

Laten we een eenvoudig voorbeeld bekijken:

if ($_SERVER [ "REQUEST_METHOD" ] == "POST" ) (
echo "

Hallo, " . $_POST [ "naam" ] . "

!" ;
}
?>
">
Voer uw naam in:

Het formulier op de regels 8-12 bevat twee elementen: naam en okknop. Het method-attribuut specificeert de POST-methode voor het indienen van formulieren, terwijl het action-attribuut de URL specificeert waarnaar het formulier wordt verzonden, en is gevuld met de waarde van de PHP_SELF-servervariabele - het adres van het script dat momenteel wordt uitgevoerd.

- verkorte vorm voor .

Stel dat we de waarde Vasya in het naamveld hebben ingevoerd en op de knop OK hebben geklikt. In dit geval stuurt de browser een POST-verzoek naar de server. Verzoektekst: naam=Vasya&okbutton=OK . PHP vult automatisch de $_POST array in:

$_POST ["naam" ] = "Vasya"
$_POST ["okknop" ] = "OK"

In werkelijkheid wordt de waarde "Vasya" door de browser verzonden in urlencode-vorm; voor Windows-1251-codering ziet deze waarde eruit als %C2%E0%F1%FF . Maar omdat PHP automatisch de noodzakelijke decodering afhandelt, kunnen we deze functie "vergeten" - totdat we HTTP-verzoeken handmatig moeten afhandelen.

Omdat de verzoektekst alleen namen en waarden specificeert en geen typen formulierelementen, heeft PHP geen idee of $_POST["naam"] overeenkomt met een invoerreeks, een knop of een keuzelijst. Maar over het algemeen hebben we deze informatie helemaal niet nodig. :)

Omdat we niet hoeven te weten wat de verzendknop zegt, kunnen we het naamattribuut op regel 11 verwijderen, waardoor de knopbeschrijving wordt ingekort tot . In dit geval verzendt de browser een POST-verzoek naam=Vasya.

En nu hetzelfde, maar dan voor het GET-formulier:

if (isset($_GET [ "naam" ])) (
echo "

Hallo, " . $_GET [ "naam" ] . "

!" ;
}
?>

">
Voer uw naam in:

Op regel 8 zou je net zo gemakkelijk kunnen schrijven

: GET is de standaardmethode. Deze keer verzendt de browser een GET-verzoek, wat overeenkomt met het invoeren van het adres in de adresbalk: http://site-address/script-name.php?name=Vasya.

PHP doet hetzelfde met GET-formulieren als met POST, met het verschil dat de $_GET-array is gevuld.

Het belangrijkste verschil zit in regel 4. Omdat het simpelweg invoeren van het adres in de browserregel een GET-verzoek is, is de controle of ($_SERVER["REQUEST_METHOD"] == "GET") zinloos. Daarom nemen we onze toevlucht tot de isset()-constructie, die true retourneert als de variabele is gedefinieerd (dat wil zeggen: er is een waarde aan toegewezen), en false als de variabele niet is gedefinieerd. Als het formulier is ingevuld, zoals u al heeft begrepen, kent PHP automatisch $_GET["naam"] de juiste waarde toe.

De verificatiemethode die isset() gebruikt, is universeel; deze kan ook worden gebruikt voor een POST-formulier. Bovendien heeft het de voorkeur omdat u zo kunt zien welke formuliervelden zijn ingevuld.

Een iets complexer voorbeeld.

echo "Voer een naam in!
" ;
< 1900 || $_POST [ "year" ] > 2004 ) {
echo
" ;
) anders (

" ;

echo "Voor jou". $leeftijd. "jaren
" ;
}
echo "

---

" ;
}
?>
">
Voer uw naam in:


Vul uw geboortejaar in:

Er worden hier geen nieuwe technieken gebruikt. Zoek het uit, voer de code uit, probeer het aan te passen...

Laten we het laatste voorbeeld wijzigen, zodat de gebruiker de velden niet opnieuw hoeft in te vullen. Om dit te doen, vult u de waardekenmerken van de formulierelementen met de waarden die we zojuist hebben ingevoerd.

$naam = isset($_POST [ "naam" ]) ? $_POST ["naam"]: "";
$year = isset($_POST [ "jaar" ]) ? $_POST ["jaar"]: "";

If (isset($_POST [ "naam" ], $_POST [ "jaar" ])) (
if ($_POST [ "naam" ] == "" ) (
echo "Voer een naam in!
" ;
) else if ($_POST [ "jaar" ]< 1900 || $_POST [ "year" ] > 2004 ) {
echo "Geef het geboortejaar op! Geldig waardenbereik: 1900..2004
" ;
) anders (
echo 'Hallo'. $_POST ["naam"] . "!
" ;
$leeftijd = 2004 - $_POST [ "jaar" ];
echo "Voor jou". $leeftijd. "jaren
" ;
}
echo "

---

" ;
}
?>

">
Voer uw naam in:


Vul uw geboortejaar in:

Regels 4 en 5 kunnen enigszins verwarrend zijn. Alles is heel eenvoudig: regel 4 zou als volgt kunnen worden geschreven:

if (isset($_POST ["naam"]))
$naam = $_POST ["naam"];
anders
$naam = "" ;

De vraag kan rijzen: waarom gooi je de regels 4-5 niet weg en schrijf je:

Voer uw naam in: ">

Vul uw geboortejaar in: ">

Het punt is dat als deze POST-variabelen niet zijn gedefinieerd - en dit zal het geval zijn als het formulier nog niet is ingevuld - PHP waarschuwingen zal geven over het gebruik van niet-geïnitialiseerde variabelen (en heel redelijk: met zo'n bericht kun je snel moeilijk te detecteren typefouten in de namen van variabelen vinden, en waarschuwt ook voor mogelijke “gaten” op de site). Je kunt de isset-code natuurlijk rechtstreeks in het formulier plaatsen, maar dat zal te omslachtig zijn.

Heb je het? Probeer nu de fout in de gegeven code te vinden. Nou ja, niet bepaald een vergissing, maar een fout.

htmlspecialchars()

Niet gevonden? Ik zal je een hint geven. Voer bijvoorbeeld in het veld "naam" een dubbel aanhalingsteken in en wat tekst, bijvoorbeeld "Va". Verzend het formulier en bekijk de broncode van de resulterende pagina. De vierde regel zal er ongeveer als volgt uitzien:

Voer uw naam in:

Dat wil zeggen, niets goeds. Wat als een sluwe gebruiker JavaScript-code invoert?

Om dit probleem op te lossen, moet je de functie htmlspecialchars() gebruiken, die de speciale tekens vervangt door hun HTML-weergave (bijvoorbeeld een aanhalingsteken met "):

$name = isset($_POST ["naam"]) ? htmlspecialchars ($_POST ["naam"]) : "" ;
$year = isset($_POST [ "jaar" ]) ? htmlspecialchars ($_POST ["jaar"]) : "" ;

If (isset($_POST [ "naam" ], $_POST [ "jaar" ])) (
if ($_POST [ "naam" ] == "" ) (
echo "Voer een naam in!
" ;
) else if ($_POST [ "jaar" ]< 1900 || $_POST [ "year" ] > 2004 ) {
echo "Geef het geboortejaar op! Geldig waardenbereik: 1900..2004
" ;
) anders (
echo 'Hallo'. $naam . "!
" ;
$leeftijd = 2004 - $_POST [ "jaar" ];
echo "Voor jou". $leeftijd. "jaren
" ;
}
echo "

---

" ;
}
?>

">
Voer uw naam in:


Vul uw geboortejaar in:

Herhaal het experiment en zorg ervoor dat de HTML-code nu correct is.

Onthoud: de functie htmlspecialchars() moet worden gebruikt wanneer de inhoud wordt weergegeven van een variabele die speciale HTML-tekens kan bevatten.

phpinfo()

De phpinfo()-functie is een van de belangrijkste in PHP. Het geeft informatie weer over PHP-instellingen, de waarden van verschillende configuratievariabelen...

Waarom vermeld ik dit in een artikel over formulieren? phpinfo() is een handig debugprogramma. phpinfo() drukt onder andere de waarden af ​​van alle $_GET-, $_POST- en $_SERVER-variabelen. Dus als een formuliervariabele verloren gaat, is de eenvoudigste manier om erachter te komen wat er mis is het gebruik van de functie phpinfo(). Om ervoor te zorgen dat de functie alleen de waarden van variabelen weergeeft (en zonder dat je door tientallen pagina's hoeft te scrollen), moet deze als volgt worden aangeroepen: phpinfo(INFO_VARIABLES); , of - wat absoluut hetzelfde is - phpinfo(32) ;.

">
Voer uw naam in:


phpinfo(32);
?>

Of bijvoorbeeld deze situatie: je wilt het IP-adres van een bezoeker achterhalen. Je herinnert je dat de corresponderende variabele is opgeslagen in de array $_SERVER, maar - pech - je bent vergeten hoe de variabele precies heet. Roep opnieuw phpinfo(32); , zoek naar uw IP-adres in het bord en vind het in de regel $_SERVER["REMOTE_ADDR"] .

Laboratoriumwerk 1. HTTP-protocol. Methoden GET, POST. HTML-formulieren.

Theoretisch gedeelte

Levenscyclus van HTTP-aanvragen

1. Browser opent verbinding met de server
2. De browser stuurt een verzoek naar de server om de pagina te ontvangen
3. De server genereert een reactie (meestal HTML-code) op de browser en sluit de verbinding
4. De browser verwerkt de HTML-code en geeft de pagina weer

Let op het gemarkeerde vetgedrukt. Nog voordat u de gevraagde pagina op het scherm ziet, is de verbinding met de server verbroken en is deze u vergeten. En wanneer u een ander (of hetzelfde) adres invoert, of op een link klikt, of op een HTML-formulierknop klikt, herhaalt hetzelfde patroon zich opnieuw.

Dit soort werk heet "client-server". De client is in dit geval de browser.

De verbinding met de webserver duurt dus slechts enkele seconden (of fracties van seconden) - dit is de tijdsperiode tussen het klikken op een link (of een ander type verzoek) en het moment waarop de pagina wordt weergegeven. De meeste browsers geven een soort indicator weer tijdens de verbinding. MS Internet Explorer geeft bijvoorbeeld een animatie weer in de rechterbovenhoek.

Om voorgoed af te komen van de perceptie van HTTP als een ‘black box’, laten we ons ‘doen alsof’ we een browser zijn die telnet gebruikt:

1. Laten we lanceren telnet ya.ru 80
2. Laten we het volgende in het terminalvenster invoeren (als de invoer niet wordt weergegeven, is dat geen probleem):

GET / HTTP/1.0[druk hier op Enter]
Gastheer: ya.ru[hier druk je tweemaal op Enter]

Het indrukken van Enter komt meestal overeen met de combinatie van tekens CR + LF, aangeduid als \r\n. Deze notatie zal hieronder worden gebruikt.

De HTML-code van de pagina http://ya.ru/ zal over het scherm lopen. Zoals je kunt zien, niets ingewikkelds.

De broncode van de huidige pagina kan in vrijwel elke browser worden bekeken door in het menu "Bekijk|Bron" te selecteren.

Foto's, kaders - dit zijn allemaal aanvullende verzoeken, precies hetzelfde. Waar komen de afbeeldingen eigenlijk vandaan in het browservenster: bij het parseren (verwerken) van HTML-code komt de browser de tag https://i1.wp.com/ tegen afbeelding"> doet een extra verzoek aan de server - request foto's en geeft deze weer op de plaats waar de tag zich bevindt .

Poging:

Telnet www.google.ru 80

KRIJG /php/php5ru.png HTTP/1.0\r\n
Gastheer: ya.ru\r\n\r\n

Wat u ziet als u dit png-bestand in een teksteditor bekijkt, flitst over het scherm.

ik-2. HTML-formulieren. Methoden voor het verzenden van gegevens naar de server

U bent waarschijnlijk al HTML-formulieren tegengekomen:

2. Voer uw naam in:
3. 
   

Door deze code op te slaan in een HTML-bestand en deze te bekijken met uw favoriete browser, ziet u een bekend HTML-formulier:

Voer uw naam in:

Laten we de tags die in dit korte voorbeeld worden gebruikt eens nader bekijken.

Label

, met een gepaarde eindtag, stelt feitelijk het formulier in. De attributen zijn beide optioneel:

• actie- specificeert de URL (volledig of relatief) waarnaar de verstuurd formulier. Het indienen van een formulier is hetzelfde verzoek aan de server als alle andere (zoals ik hierboven al heb beschreven).

Als dit kenmerk niet is opgegeven, sturen de meeste browsers (meer precies, alle bij mij bekende browsers) het formulier naar het huidige document, dat wil zeggen 'naar zichzelf'. Dit is een handige afkorting, maar volgens de HTML-standaard is het action-attribuut vereist.

• methode - manier het formulier indienen. Er zijn er twee.
• KRIJGEN- formuliergegevens verzenden in de adresbalk.
  Het is u misschien op verschillende websites opgevallen dat er een "?" aan het einde van de URL staat. en de volgende gegevens in het formaat parameter=waarde. Hier komt "parameter" overeen met betekenis attribuut naam formulierelementen (zie hieronder over de tag ), en "waarde" - de inhoud van het attribuut waarde(het bevat bijvoorbeeld gebruikersinvoer in een tekstveld met dezelfde tag ).
  Probeer bijvoorbeeld iets te zoeken in Yandex en let op de adresbalk van de browser. Dit is de GET-methode.
• NA- formuliergegevens worden verzonden naar lichaam aanvragen. Als het niet helemaal duidelijk (of helemaal onduidelijk) is wat dit is, hoeft u zich geen zorgen te maken. We komen binnenkort op dit onderwerp terug.

Als attribuut methode niet gespecificeerd - "GET" wordt geïmpliceerd.

Label - sets vormelement, gedefinieerd door het attribuut type :

• Betekenis "tekst" specificeert een tekstinvoerveld van één regel
• Betekenis "indienen" specificeert een knop die, wanneer ingedrukt, veroorzaakt verzenden formulieren naar de server

Andere waarden zijn mogelijk (en (niet de enige tag die een formulierelement definieert), maar we zullen ze in de volgende hoofdstukken bekijken.

De waarde "verzenden" specificeert een knop die, wanneer erop wordt geklikt, het formulier naar de server verzendt

1. De browser kijkt naar de elementen in het formulier en vormt daaruit de naam- en waardeattributen formulier gegevens. Stel dat de naam is ingevoerd Vasya. In dit geval zijn de formuliergegevens naam=Vasya&okbutton=OK
2. De browser brengt een verbinding tot stand met de server en stuurt een verzoek naar de server voor het document dat in het attribuut is opgegeven actie label
   , met behulp van de gegevensverzendmethode die is opgegeven in het kenmerk methode(in dit geval - GET), waarbij formuliergegevens in het verzoek worden doorgegeven.
3. De server analyseert het ontvangen verzoek, genereert een reactie, stuurt deze naar de browser en verbreekt de verbinding
4. De browser geeft het document weer dat is ontvangen van de server

Hetzelfde verzoek handmatig verzenden (via telnet) ziet er als volgt uit (ervan uitgaande dat de domeinnaam van de site www.example.com is):

telnet www.voorbeeld.com 80

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

Zoals u waarschijnlijk al geraden heeft, is het klikken op de verzendknop op een formulier met een "GET" verzendmethode hetzelfde als het typen van de overeenkomstige URL (met een vraagteken en formuliergegevens aan het einde) in de adresbalk van de browser: http://www.example.com/cgi-bin/form_handler.cgi?name=Vasya&okbutton=OK

In feite wordt de GET-methode gebruikt wanneer u een document opvraagt ​​bij de server door simpelweg de URL in te voeren of op een link te klikken. Bij gebruik , wordt de URL eenvoudigweg toegevoegd met een vraagteken en formuliergegevens.

Laten we nu de eerste regel van ons formulier vervangen door het volgende:

We hebben de verzendmethode opgegeven als "POST". In dit geval worden de gegevens op een iets andere manier naar de server verzonden:

telnet www.voorbeeld.com 80

POST /cgi-bin/form_handler.cgi HTTP/1.0\r\n
Host: www.voorbeeld.com\r\n
Inhoudstype: application/x-www-form-urlencoded\r\n
Inhoud-lengte: 22\r\n
\r\n
naam=Vasya&okbutton=OK

Bij gebruik van de POST-methode worden de formuliergegevens na “twee Enters” verzonden naar lichaam verzoek. Alles hierboven is waar titel request (en toen we de GET-methode gebruikten, werden de formuliergegevens in de header verzonden). Om ervoor te zorgen dat de server weet bij welke byte hij moet stoppen met het lezen van de hoofdtekst van het verzoek, bevat de header de regel Inhoud-lengte; dat de formuliergegevens in het formulier worden verzonden parameter1=waarde1¶meter2=waarde2..., en de waarden worden verzonden in de vorm van urlencode - dat wil zeggen precies hetzelfde als het gebruik van de GET-methode, maar in de hoofdtekst van het verzoek - de server wordt geïnformeerd door de header "Content-Type: application/x- www-formulier-urlencoded".

Het voordeel van de POST-methode is dat er geen limiet is aan de lengte van de formuliergegevensregel.

Bij gebruik van de POST-methode is het niet mogelijk om het formulier te verzenden door simpelweg “een link te volgen”, zoals bij GET het geval was.

Bij gebruik van een POST-formulier, in zijn attribuut actie U kunt ook GET-formulierparameters opgeven na het vraagteken. De POST-methode omvat dus de GET-methode.

GERELATEERDE ARTIKELEN

Windows 7

Hoe verander ik de frequentie van een radiografisch bestuurbare auto?

Moederborden

Het concept van informatie, de verschillende interpretaties ervan

Behuizingen

Splits PDF online in pagina's

Moederborden

HTTP Live Streaming: beste recepten

Veiligheid

Hoe en wat u een login op Skype maakt

Voedingen

Hoe u een nieuwe UIN voor ICQ kunt krijgen

Internet

Xiaomi ziet de computer niet, redenen, oplossingen Telefoon ziet de computer niet: controleer vanaf pc

Moederborden

“Thema's van bronnen van derden worden niet ondersteund” in MIUI: hoe je het verbod kunt omzeilen

Verwerkers

In welk land wordt Sony Xperia geproduceerd?

Wij raden aan

Ander

Wat is Windows-bitdiepte?

Er zijn verschillende eenvoudige manieren om de editie, versie, build en bitness van Windows 10 te achterhalen. Met release bedoelen we varianten van Windows 10, en dit...

Poster Professioneel account Prijzen en installatie

Verwerkers

De beste draadloze Bluetooth-hoofdtelefoons uit China De beste goedkope hoofdtelefoons van AliExpress

Windows 7

Wat is de CWD-bestandsextensie?

Monitoren

Bestanden op schijf branden Een reservekopie maken

Windows 8

Bitgroottes van processors en besturingssystemen

Videokaarten

Standaard- en externe rapporten instellen Rapportinstellingen opslaan

Ander

Proplossen

Hoe u alle bestanden in een map kunt hernoemen met Total Commander. Hoe u alle bestanden in een map in één keer kunt hernoemen

Firmware bijwerken voor Samsung Galaxy-smartphones Firmware voorbereiden

Hoe u een Express-paneel kunt toevoegen

Hoe verander ik de frequentie van een radiografisch bestuurbare auto?

Het concept van informatie, de verschillende interpretaties ervan

Splits PDF online in pagina's

HTTP Live Streaming: beste recepten

Hoe en wat u een login op Skype maakt

Hoe u een nieuwe UIN voor ICQ kunt krijgen

Xiaomi ziet de computer niet, redenen, oplossingen Telefoon ziet de computer niet: controleer vanaf pc

“Thema's van bronnen van derden worden niet ondersteund” in MIUI: hoe je het verbod kunt omzeilen

In welk land wordt Sony Xperia geproduceerd?

Wat is Windows-bitdiepte?

Poster Professioneel account Prijzen en installatie

De beste draadloze Bluetooth-hoofdtelefoons uit China De beste goedkope hoofdtelefoons van AliExpress

Wat is de CWD-bestandsextensie?

Bestanden op schijf branden Een reservekopie maken

Copyright 2024 - Computer- en laptopreparatie. Videokaarten, harde schijven, internet, monitoren.