Design frumos al formei. Formular frumos de feedback fără imagini folosind CSS pur

Deci, să începem, în primul rând vom marca pagina și vom scrie stiluri pentru ea. Markup-ul va include un formular obișnuit de feedback cu două intrări (telefon, e-mail) și o zonă de text, unde, conform ideii noastre, utilizatorul își va introduce mesajul. Vom plasa gestionarea formularelor pe o pagină separată. Formular de feedback Introdu telefonul: Poșta ta: intrebarea ta: Să scriem stilurile: Html, body( înălțime: 100%; margine: 0; ) html( culoare de fundal: #fff; culoare: #333; font: 12px/14px Verdana, Tahoma, sans-serif; cursor: implicit; ) #feedback-form (culoare fundal: #ececec; margine: 50px auto 0; text-align: center; lățime: 430px; umplutură: 15px; ) #feedback-form h2( margin-bottom: 25px; ) #feedback-form input, #feedback -form textarea( culoarea fundalului: #fff; chenar: 1px solid #A9A9A9; padding: 1px 5px; lățime: 90%; ) #feedback-form input( înălțime: 26px; ) #feedback-form textarea( înălțime: 75px; padding-top: 5px; ) #feedback-form input( margin-top: 15px; fundal-culoare: #0B7BB5; chenar: 1px solid #CCCCCC; culoare: #FFFFFF; font-weight: bold; înălțime: 40px; line- înălțime: 40px; În urma tuturor acestor acțiuni, veți obține acest formular: Acum este timpul să lucrăm pe server. Scenariul nostru va include mai multe părți: Setare; Funcții auxiliare; Prelucrarea datelor primite; Ieșire mesaj. Toate aceste părți, desigur, sunt condiționate, deoarece nimeni nu ne împiedică să facem mizerie cu codul sau, dimpotrivă, să mutăm părți cheie în alte fișiere. Dar cred că este mai bine să faceți handlerul într-un singur fișier, astfel încât să fie convenabil să îl conectați la alte proiecte. Setări În această etapă, vom crea trei variabile: $my_email (căsuța poștală către care sunt trimise datele), $path_log (calea către fișierul jurnal) și $time_back (momentul în care utilizatorul revine pe site). // Specificați căsuța dvs. poștală $my_email = " [email protected]"; // Specificați unde vor fi stocate jurnalele $path_log = "log.txt"; // Ora la care utilizatorul revine pe site (sec) $time_back = 3; Funcții auxiliare Aici descriem cinci funcții care vor simplifica prelucrarea datelor. Șabloane de ieșire a mesajelor: Funcția error_msg($mesaj)( $mesaj = "".$mesaj.""; returnează $mesaj; ) function success_msg($mesaj)( $mesaj = "".$mesaj.""; returnează $mesaj; ) Ștergerea datelor primite din formular: Funcția clear_data($var)( return trim(strip_tags($var)); ) Trimiterea unei scrisori: Funcția send_mail($email, $subj, $text, $from)( $headers = "De la: ".$de la." \r\n"; $headers .= "Versiune MIME: 1.0\r\n"; $headers .= "Content-Type: text/html; charset=utf-8 \r\n" $result = mail($email, $text, $headers ) returneaza adevarat; Și ultima funcție care va verifica telefonul și e-mailul pentru înregistrarea corectă a formatului lor. Funcția check_format($date, $type)( switch($type)( case "email": $pattern = "/^*@(+(*+)*\.)++$/i"; if(preg_match( $pattern, $date))( return true; ) break case "telefon": $pattern = "/^(\+?\d+)?\s*(\(\d+\))?[\s-] *([\d-]*)$/"; if(preg_match($pattern, $date))( returnează adevărat; ) break; ) returnează fals; ) După cum puteți vedea, toate funcțiile pe care le-am scris sunt de dimensiuni mici. Le puteți lăsa în afara zonei de procesare a datelor, dar atunci când trebuie să modificați sau să extindeți ceva, de exemplu check_format(), va fi mult mai simplu și mai convenabil. Prelucrarea datelor primite În primul rând, aflăm de pe ce pagină a venit utilizatorul. Apoi definim variabilele în care vor fi stocate mesajele noastre și starea de trimitere a scrisorii. // Aflați pagina anterioară $prev_page = $_SERVER["HTTP_REFERER"]; // Mesajele noastre $msg = ""; // Stare e-mail $status_email = ""; Acum, pentru a evita problemele cu codificarea, o indicăm folosind antetul. Antet ("Content-Type: text/html; charset=utf-8"); If($_SERVER["REQUEST_METHOD"] == "POST")( if(isset($_POST["număr"], $_POST["e-mail"], $_POST["întrebare"]))( $number = clear_data ($_POST["număr"]); $email = clear_data($_POST["email"]); $question = clear_data($_POST["întrebare"]); check_format($email, "email") && !empty($question))( // Formează o scrisoare $e_title = "Mesaj nou"; $e_body = ""; $e_body .= ""; $e_body .= "Телефон: ".$number; $e_body .= "!} "; $e_body .= "E-mail: ".$email; $e_body .= " "; $e_body .= "Întrebare: ".$question; $e_body .= ""; $e_body .= ""; // END Formează o scrisoare if(send_mail($my_email, $e_title, $e_body, $prev_page) ) ( $status_email = "succes"; $msg = success_msg ("Vă mulțumim pentru întrebare. Vă vom răspunde cât mai curând posibil."); )else( $status_email = "eroare"; $msg = error_msg ("A apărut o eroare la trimiterea e-mailului."); ) // Scrieți în fișierul $str = " Ora: ".date ("d-m-Y G:i:s")."\n\r"; $str .= "Telefon: ".$număr."\n\r"; $str .= "Poștă: " .$email." \n\r"; $str .= "Întrebare: ".$întrebare."\n\r" $str .= "E-mail: ".$status_email."\n\r"; str .= "= ====================================\n\r”; ($path_log, $str, FILE_APPEND); )else( $msg = error_msg( "Completați formularul corect!"); ) )else( $msg = error_msg("A apărut o eroare!"); )else( exit ) În codul scris, determinăm dacă formularul a fost depus, altfel închidem acest fișier folosind funcția de ieșire. Apoi, verificăm prezența celulelor cu datele noastre în matricea POST, dacă au sosit, le curățăm de posibile gunoi; După curățare, verificăm formatele de e-mail și telefon, precum și prezența textului în variabila întrebare. În continuare, generăm o scrisoare, o trimitem și scriem un jurnal, unde, pe lângă date, salvăm și starea de trimitere a scrisorii. Astfel putem urmări funcționarea funcției mail() și în același timp nu pierdem date. Ieșire mesaj Tot ce trebuie să facem este să anunțăm utilizatorul despre o operațiune finalizată cu succes sau „nu așa” și să-l returnăm înapoi pe site cu formularul. Pentru a face acest lucru, folosim markup cu incluziuni de script PHP. Pentru a redirecționa utilizatorul înapoi pe site, vom folosi metaeticheta refresh, unde inserăm cod PHP cu variabilele deja create. De asemenea, va trebui să folosim puțin JavaScript pentru a face pagina puțin mai dinamică. Scriem o funcție timeBack(), care va număra secundele în ordine inversă înainte de redirecționare. Veți fi contactat

Veți fi contactat body ( background: #22BFF7 url(img/zakaz.jpg) top -70% center no-repeat; ) setTimeout("location.replace("/index.html")", 3000); /*Schimbați adresa curentă a paginii după 3 secunde (3000 milisecunde)*/

Verificarea funcționalității formularului

Apelați fereastra și introduceți datele pentru o verificare de testare a formularului nostru

Permiteți-mi să vă reamintesc încă o dată că găzduirea dvs. trebuie să accepte procesarea fișierelor PHP, altfel procesorul nostru pur și simplu nu va fi executat și nicio scrisoare nu va fi trimisă la adresa de e-mail specificată. Rezultatul unui formular de feedback completat cu succes

Asta e tot pentru mine, am încercat să transmit în cel mai bun mod posibil sensul și funcționarea scenariului. Dacă aveți întrebări, nu ezitați să mă contactați în comentarii sau pe VK (vezi detaliile de contact). Vă doresc muncă ușoară și productivă.

Orice site trebuie să aibă un formular de feedback, așa că, mai devreme sau mai târziu, fiecare dintre noi se gândește să dezvolte unul. Există destul de multe opțiuni pe Internet, unii folosesc plugin-uri populare, unii folosesc propriile dezvoltări personale, dar majoritatea caută soluții gata făcute. În orice caz, formularul nostru de feedback pentru site va fi funcțional și funcțional și să vorbim despre toate acestea în ordine.

HTML

Deci, să începem, ca întotdeauna, cu șablonul obișnuit - html. Mai întâi avem nevoie de un formular cu mai multe câmpuri. Pentru claritate și standardul tuturor formularelor, vom lua 3 câmpuri. Aceste. acesta va fi Nume, E-mail și Telefon.

Fiecare intrare are propriul nume unic, vom avea nevoie de el mai târziu pentru a trimite mesaje. De asemenea, puteți adăuga liber propriile câmpuri și nu numai introducerea, ci și selectarea zonei de text. Doar nu uitați să atribuiți fiecăruia numele proprii, pe care le vom folosi atunci când trimitem informații prin e-mail. Pentru comoditate, am adăugat un atribut obligatoriu fiecărui câmp, datorită căruia browserul nu va permite utilizatorului să trimită valori goale și va notifica necesitatea de a le completa.

CSS

Când forma este gata, o puteți transforma puțin. Totul aici depinde și de nevoile și fanteziile tale. Pentru claritate, am schițat câteva stiluri pentru fiecare element, astfel încât totul să nu arate atât de plat. Dar dacă ești leneș sau nu știi cum să faci asta, atunci poți folosi opțiunea mea:

Form( lățimea maximă: 400px; lățime: 100%; margine: 0 automat; ) input( dimensiunea casetei: border-box; display: block; border: none; box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, 0,11); margine: 10px; 0px 2px 0 1px negru;

Partea clientului

Aici merită să înțelegeți mai în detaliu, sau mai degrabă să alegeți opțiunea potrivită pentru dvs. Pentru a trimite mesaje prin e-mail, va trebui să folosim limbajul php, adică. creați un fișier separat în care vom transfera toate aceste date. Dar nu vom lua în considerare această metodă aici, deoarece este mult mai frumoasă când totul se întâmplă fără a reîncărca pagina. Deci ne vom uita la trimiterea datelor prin ajax.

Dacă doriți să faceți totul în mod vechi, atunci va trebui să modificați ușor html-ul de sus și să setați valoarea atributului metodei formularului (post sau obține). Totul depinde de modul în care doriți să transferați datele din formular. Și, de asemenea, nu uitați să scrieți o acțiune care va indica calea către fișierul php.

Și vom folosi o metodă mai avansată și vom trimite date fără a reîncărca pagina, iar atunci când primim un răspuns de la server, vom transmite utilizatorului un mesaj despre o operațiune reușită sau o eroare. Totuși, vom avea nevoie și de 2 fișiere, să spunem contact.php și custom.js.

În primul rând, nu uitați să includeți biblioteca Jquery, cu ajutorul acesteia vom reduce codul de mai multe ori și vom putea efectua cu ușurință orice acțiune folosind soluții gata făcute.

$(".form").submit(function() ( var str = $(this).serialize(); $.ajax(( tip: "POST", url: "contact.php", date: str, succes : function(msg) ( if(msg == "ok") ( alert("Mesajul a fost trimis"); ) else ( alert("Eroare! Este posibil sa fi completat incorect campurile."); ) ) ) );

Acum să înțelegem planul de acțiune și de ce avem nevoie de toate aceste biblioteci și fișiere. Când utilizatorul dă clic pe butonul de trimitere, avem un eveniment de trimitere, pe care îl vom scrie în custom.js și pe baza căruia vom primi toate datele din formular și le vom trece în fișierul contact.php. Aici verificăm încă o dată dacă câmpurile noastre sunt goale (pentru a evita o altă posibilitate de spam), trimitem un mesaj prin e-mail și informăm utilizatorul cu privire la rezultatele, care sunt trimise ca răspuns la custom.js.

Dacă (trim($_POST["mfbPhone"]) == "") ( echo "false"; ) else ( $txtname = trim($_POST["mfbName"]); $txtemail = trim($_POST["mfbMail "]); $txtphone = trim($_POST["mfbPhone"]); // de la care $fromMail = " [email protected]"; // Introduceți adresa dvs. de e-mail aici $emailTo = " [email protected]"; $subject = "Feedback"; $subject = "=?utf-8?b?". base64_encode($subject) ."?="; $headers = "De la: Exemplu de formular\n"; $headers . = „Tipul conținut: text/plan simplu; charset="utf-8"\r\n"; $headers .= "Versiune MIME: 1.0\r\n"; $headers .= "Data: ". date("D, d M Y h:i:s O") ."\r\n"; // body of the letter $body = "A primit o scrisoare de pe site-ul ".$site." \n\nNume: „.$txtname.”\nTelefon: „.$txtphone.”\ne-mail: „.$txtemail.”\nMesaj: „.$txtmessage; mail($emailTo, $subject, $body, $headers); echo "ok";

Acesta este cel mai elementar exemplu de funcționare a unui formular de contact. Există multe opțiuni pentru cum să modificați fișierul de verificare în PHP, să vă creați propriile clase etc. Dar sarcina noastră a fost să creăm un exemplu simplu și funcțional pe care să-l poți folosi pe site-ul tău.

demonstrație

fișiere

Pluginuri gata

Din moment ce sunteți pe un blog WordPress, probabil că sunteți pregătit și dornic să utilizați tot felul de pluginuri, mai ales dacă sunteți un om complet lamer în programare și layout. Și nu te condamn pentru asta și chiar pot să-ți prezint una dintre ele atenției pentru claritate. Scopul acestui paragraf nu este o recomandare, ci doar un exemplu, deoarece am folosit pluginul Contact Form 7 în mai multe proiecte.

Este foarte ușor de configurat și aproape întotdeauna funcționează impecabil. Dacă aveți nevoie să vă creați propriul design unic, o puteți face. Trebuie doar să adăugați câmpurile necesare în constructor, să traduceți și să modificați eroarea și trimiterea cu succes a notificărilor în felul dvs. și ați terminat. Apoi, copiați shortcode-ul și inserați-l în locul dorit din formular.

Nu am avut niciodată probleme cu pluginul și dacă aveți nevoie de o soluție rapidă și gata, aceasta este. Dacă aveți propriile cerințe pentru formă în ceea ce privește funcționalitatea și designul, atunci este mai bine să utilizați prima opțiune, care necesită cunoștințe în această industrie.

Bună ziua, dragi prieteni și invitați blogului! Feedback-ul site-ului este una dintre cele mai importante caracteristici care îi permite unui blogger să comunice cu vizitatorii săi. Dar există o captură - pluginurile care afișează feedback pentru site cântăresc foarte mult!

De ceva timp, am fost ocupat să-mi fac blogul mai ușor și am decis să scap de pluginurile inutile care îl îngreunează cu greutatea lor și împiedică încărcarea rapidă a paginilor. Și în primul rând, alegerea mea a căzut pe formularul de feedback, sau mai degrabă pe pluginul care l-a afișat pe site-ul meu „Formular de contact 7”, și avea nevoie și de un al doilea plugin care să afișeze captcha „reCaptcha”. Așa am decis să scap de două plugin-uri destul de semnificative deodată, folosind un formular de feedback care nu necesită niciun plugin și este ușor de instalat pe site. Acum vă voi spune despre asta și, bineînțeles, vă voi lăsa să descărcați fișierele, astfel încât să puteți crea feedback similar pentru site-ul dvs....

Și așa, după ce am eliminat în sfârșit pluginurile pentru crearea unui formular de feedback de pe site-ul meu, am început să creez un formular de feedback ușor și de încredere, fără a folosi niciun plugin. Și asta am primit:

Puteți vizualiza și verifica funcționalitatea formularului meu de feedback pentru site pe pagina „ “. Scrie in formularul meu de contact de pe site si iti voi raspunde!

Acum să trecem la cel mai important lucru și să ne creăm propriul feedback pentru site, independent de orice plugin...

Oferim feedback pentru site fără pluginuri!

Tot ce avem nevoie pentru asta: site-ul meu de blog cu articolul „Feedback pentru site”, un editor de text și bineînțeles dorința ta de a-ți crea propriul formular de contact pe site pentru a-l ușura scăpând de pluginurile inutile și grele!

Iată codul HTML al formularului de feedback pentru site, pe care îl puteți lipi pe site-ul sau blogul dvs. oriunde, pentru mine aceasta este pagina de contact:

Formular de feedback

Care e numele tău

E-mail

Subiectul mesajului

Trimite mesaj

Vă rugăm să rețineți câteva lucruri importante pe care trebuie să le faceți în acest cod:

Lucrați cu cod numai în editorul de text Notepad++

Corectați calea către fișierul mail.php din prima linie de cod, despre care vă voi spune puțin mai târziu

Trebuie să încărcați acest fișier în găzduirea dvs. în folderul rădăcină al motorului site-ului! Dar mai întâi verificați dacă ați reparat sau nu!

În rândul în care este scris textul „ADRESA DVS. DE E-MAIL DE GĂZDUIRE”!

Acum trebuie să conectați un script care conectează biblioteca jQuery de pe site pentru funcționarea corectă a sistemului nostru de „feedback pentru site”. În primul rând, verificați pe site-ul dvs. web, poate că acest script este deja instalat, dacă nu știți cum să faceți acest lucru, adresați o întrebare pentru asistență la găzduirea dvs.

Iată scenariul:

Sau puteți adăuga această funcție în fișierul WordPress functions.php:

Funcția my_jquery() ( wp_deregister_script("jquery"); wp_register_script("jquery", "http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"); wp_enqueue_script("jquery" )

Înlocuiește scriptul și include și biblioteca jQuery de pe site-ul WordPress.

Acum conectăm un script pe site-ul nostru care va funcționa împreună cu fișierul mail.php, trimițându-ți scrisorile. Pentru a face acest lucru, trebuie să creăm un fișier js precum contact.js și să-l trimitem pe site-ul dvs. în folderul cu scripturi ale temei dvs. active, care se numește js. Dacă nu îl aveți pe site-ul dvs., atunci creați-l!

Iată scenariul:

JQuery(document).ready(function($) ( $("#contact").submit(function() ( var str = $(this).serialize(); $.ajax(( tip: "POST", url : "DOMENUL DVS./wp-content/themes/TEMA DVS./mail.php", date: str, succes: function(msg) ( if(msg == "OK") ( rezultat = "Mesaj trimis"; $(" #fields").hide(); ) else (rezultat = msg;) $("#notă").html(rezultat); ) )); return false; )); ));

Aproape gata! Acum trebuie doar să încărcăm stilurile în fișierul dvs. CSS, care este responsabil pentru stilurile temei site-ului, pe găzduirea noastră. Dacă acest lucru nu se face, atunci feedbackul nostru nou creat pentru site nu va fi frumos și monocromatic.

Iată codul de stil pentru formularul de feedback pentru site:

Formular#contact ( chenar:1px solid #e5e5e5; padding:10px; background:#e9ffd0; border-radius:5px; ) #contact etichetă (font-size: 14px; ) #contact input:required:valid (box-shadow: 0 0 3px #BCEF89; border-color: #BCEF89!important: #fff url(images/valid.png) no-repeat 98% center ) #contact textarea:required:valid (box-shadow: 0 0 3px; BCEF89; border-color: #BCEF89!important; ) #contact input:focus:invalid (box-shadow: 0 0 3px #FFDF97; border-color: #FFDF97!important; fundal: #fff url(imagini/invalid. png ) no-repeat 98% center; ) #contact textarea:focus:invalid (box-shadow: 0 0 3px #FFDF97; border-color: #FFDF97!important; ) .err (border: 1px solid #ff8c00; padding: 10px ; fundal: #FFDF97; alinierea textului: stânga-rază: .ok (chenar: 1px #BCEF89; fundal: #f5f9fd; alinierea textului: 3px; ; ) #author, #email, #url ( lățime: 30%; umplutură: 5px; chenar-rază: 5px; chenar: 1px solid #e5e5e5; ) #comentare ( padding: 5px; chenar-rază: 5px; chenar: 1px solid #e5e5e5; overflow: automat; ) #submit ( font-weight: 400; fundal: #393; font-size: 15px; culoare: #fff ; umplutură: 10px 50px;

Pur și simplu copiați-le și inserați-le în fișierul style.css al temei active de pe site-ul dvs. Dacă apoi doriți să schimbați culorile și forma, dar acest lucru este doar pentru utilizatorii avansați!

Acum feedback-ul nostru pentru site este complet gata de utilizare. Testează-l și bucură-te de munca sa!

Asta e tot!

Dacă ți-a plăcut acest material? Apoi faceți clic pe butoanele sociale, abonați-vă la actualizările blogului și scrieți comentariul dvs. mai jos!

Bună ziua, pe fiecare site ar trebui să fie prezent un formular de feedback. Astăzi voi arăta un exemplu de formular gata făcut pentru inserarea în orice site, inclusiv în motorul WordPress. Exemplul final de cod html și php poate fi copiat pe site-ul dvs. web. Pe lângă exemplul gata făcut, există multe plugin-uri care sunt, de asemenea, foarte populare. Pe multe site-uri, un astfel de formular este deja încorporat în temă, dar uneori este necesar să adăugați altul pe o altă pagină sau să îl înlocuiți pe cel vechi.

Înainte de a începe să scriu acest articol, am navigat pe internet în căutarea unui răspuns la această întrebare. După ce am examinat mai multe site-uri și bloguri, am găsit foarte puține răspunsuri de înaltă calitate la inserarea unui formular de feedback pe un site. Majoritatea materialelor sunt scrise despre lucrul cu pluginuri. În unele articole nu este complet clar ce și cum se face, codul nu funcționează, nu ajung scrisorile... și așa mai departe.

Există, desigur, răspunsuri demne, dar sunt foarte puține. Îți voi da un exemplu simplu care nu necesită multă inteligență. Nu sunt necesare cunoștințe speciale în PHP sau, mai degrabă, nu sunt necesare deloc. Voi scrie în detaliu ce și unde trebuie schimbat atunci când este necesar. Forma funcționează bine, fără probleme. Un exemplu de formular este pe site-ul meu. În exemplul final, am adăugat câteva stiluri pentru frumusețe, astfel încât forma să nu mai arate deloc „săracă”. Dacă doriți, puteți schimba totul la discreția dvs.

Formular de feedback gata făcut pentru un site web în html

În acest exemplu, formularul de feedback pentru site este format din cod html. Puteți introduce acest exemplu de cod html în absolut orice pagină a site-ului, indiferent unde sau ce folosiți. Același cod poate fi introdus în pagina motorului WordPress, totul va funcționa corect și fără erori.

Nume Email: Subiect Textul dvs.:

< form action = "/wp-content/themes/xmarkup/form.php" method = "post" name = "form" >Nume< input class = "inp" style = "width: 30%;" name = "name" type = "text" / > E-mail:< input class = "inp" style = "width: 30%;" name = "email" type = "text" / > Subiectul mesajului< input class = "inp" style = "width: 30%;" name = "temma" type = "text" / > Textul tau: < textarea class = "inp" style = "width: 80%;" cols = "1" name = "massage" rows = "5" > < / textarea > < input class = "inp" type = "submit" value = "Trimite" / > < / form >

Chiar la începutul codului, în prima linie, trebuie să indicați calea către fișierul php form.php (mai multe despre el mai târziu). Nu este nevoie să schimbi nimic altceva. Dacă nu sunteți mulțumit de numele formularului și câmpurile acestuia, puteți oricând să adăugați altele noi sau să le schimbați pe cele vechi. De asemenea, puteți adăuga propriile stiluri direct pe tabel. Dacă această opțiune este incomodă pentru dvs., definiți noi clase și abia apoi adăugați stiluri prin fișierul style.css

Pentru cei care nu știu cum să facă acest lucru, accesați zona de administrare a site-ului, accesați editorul și deschideți fișierul style.css. Adăugați acest cod la sfârșitul foii de stil. Ca rezultat, codul formularului ar trebui să fie inserat în pagină și stilurile dvs. css în tabelul style.css

Inp( umplutură: 10px; chenar: 1px solid #E5E5E5; lățime: 200px; culoare: #999999; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px; -moz-box-shadow: rgba(0) , 0, 0, 0.1) 0px 0px 8px -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px )

Intrare ( umplutură: 10px; chenar: 1px solid #E5E5E5; latime: 200px; culoare: #999999; casetă - umbră : rgba ( 0 , 0 , 0 , 0.1 ) 0px 0px 8px ; Moz - box - shadow : rgba ( 0 , 0 , 0 , 0.1 ) 0px 0px 8px ; Webkit - box - shadow : rgba ( 0 , 0 , 0 , 0.1 ) 0px 0px 8px ;

După acești pași, ar trebui să aveți un formular de feedback ca acesta pe pagină. Nu vă lăsați prea îndepărtați; forma dvs. trebuie să fie simplă și cât mai confortabilă. Fără câmpuri suplimentare inutile...nume, e-mail, subiect și mesaj. Dacă se dorește, chiar și subiectul mesajului poate fi eliminat.

Cod formular PHP

Ne-am hotărât cu privire la marcarea formularului, l-am făcut frumos, acum trebuie să creăm un fișier cu extensia php și să adăugăm următorul cod la el. Adăugați fișierul prin client FTP pe site-ul dvs. Majoritatea utilizatorilor folosesc un CMS, plasați acest fișier în folderul cu tema dvs. Trebuie să scrieți inițial adresa și numele acestui fișier în marcajul formularului, pe care l-am arătat mai sus. Am notat calea completă pentru exemplu, astfel încât să fie clar ce trebuie introdus și unde.

(

 

---

Citire:
Dacă pantofii nu se potrivesc cu Aliexpress: acțiunile corecte în acest caz Produsul Aliexpress are mărimea potrivită 3 baze de informații distribuite Manager de conținut - responsabilități, salariu, pregătire Dezavantaje și avantaje de a lucra ca specialist în conținut Cum să te protejezi de minerit ascuns în browser? Recuperarea parolei în Ask