ვიკონავსკის ლაპლერის ბმული ფურცლის ასლია. როგორ დავწეროთ გლოვის ელექტრონული ფურცელი გარდამტეხი მომენტის შესახებ. საყელო ფორმა PHP-ში

Გამარჯობა ყველას! მე მქვია ანდრი ტიანი, მე ვარ B2BFamily განვითარების დირექტორი. გადავწყვიტე დამეწერა ეს პატარა სურათი, რადგან მესმის, რომ ჩვენი სერვისით სარგებლობის უპირატესობების გამოვლენით, შემიძლია ეფექტურად შევცვალო თქვენი გაყიდვების ხედვა და თავად გაყიდვების პროცესი უფრო ლამაზი გახდეს. და დღეს ჩვენ ვისაუბრებთ კარიბჭის ბმულზე ბიზნეს ჩამონათვალში. გალობა, რა საათს ატარებ კითხვაზე, ტყუილად არ დაკარგავ.

ანდრეი ტიანი,B2B ოჯახის განვითარების დირექტორი

ოჰ, ამ უემოციო ხალხმა უკვე გამოაქვეყნა ელფოსტა!

დავიწყოთ საკვებით: როგორ გესმით კლიენტის რეაქცია წინადადებაზე ტელეფონით თუ ტელეფონით? მართალია, ემოციები! არავერბალური კომუნიკაცია ყველაფერს აჩვენებს. თქვენ იღებთ პატივისცემას თქვენი ჟესტების, მიმიკისა და მანერების მიმართ. როგორ შეგიძლიათ განსაზღვროთ ბიზნესის ჩამონათვალის რეაქცია? Არ არსებობს გზა! უმეტეს შემთხვევაში, ეს მხოლოდ შაბლონური გვერდებია სტივენ სიგალის ემოციებით.

ბევრი ადამიანი ბიზნეს ფურცლებს აღიქვამს, როგორც ინფორმაციის მშრალ გაცვლას.ამიტომ, ფურცელზე წინადადებაზე პოტენციური კლიენტის სწორი რეაქციის გაგება პრაქტიკულად შეუძლებელია, თუ ამაზე პირდაპირ არ დაწერთ. მაგრამ, როგორც პრაქტიკა გვიჩვენებს, კლიენტი პასუხობს სტერეოტიპულად და დაახლოებით ასე: "კარგი, ჩვენ უარვყავით თქვენი წინადადება. ჩვენ მას დაახლოებით ერთი საათის განმავლობაში ვუყურებთ და მოგცემთ დადასტურებას", როგორც ჩანს მომავალი. თქვენ აღარ მოგიწევთ კლიენტის განაჩენის შემოწმება.

შექმენით ეფექტური დიალოგი კლიენტთან ჩამონათვალის შემდეგ - რა?

თუ ერთი საათის სატელეფონო კომუნიკაციის შემდეგ, კლიენტის მყისიერი რეაქცია დაახლოებით ნათელი გახდა: "ყველაფერში ეჭვი არ არის", მაშინ მოლაპარაკების ტონისა და სტრატეგიის დადგენა უფრო ადვილი ხდება. ბიზნესის ჩამონათვალი ამ მხრივ ბევრად უფრო რთულია. ყველაზე ხშირად, შეუძლებელია ბიზნეს ფურცლების მცირე რაოდენობის შერჩევა კლიენტის ქცევისა და რეაქციის შესახებ მონაცემების საფუძველზე, რადგან ასეთი მონაცემები უბრალოდ არ არსებობს. მაგრამ ამავდროულად, ჩვენ ყველამ ვიცით, რომ გაყიდვები შეიძლება იყოს ბუნებრივი - კლიენტმა თავად უნდა გაიგოს რა სჭირდება და სჭირდება, და არ იყიდოს ის, რაც მასზე დაჭერილია.

შეიტყვეთ ახლა კლიენტსა და სტივენ სიგალის ემოციებს შორის საუბარი! კომფორტული? მაგარი მოლაპარაკებები თანამშრომლობისთვის? და იქიდან გამომდინარე, რომ კლიენტი გისმენს, დებს საჭმელს მაგიდაზე - ეს ღერძი არის საფუძველი იმისა, რომ რეალურად დაიწყო გაყიდვა, მოთხოვნილებების იდენტიფიცირება, დეტალების გარკვევა, თქვენი პროდუქტის წარდგენა კლიენტის საჭიროებებზე დაყრდნობით - რასაც რეალური გაყიდვა ჰქვია. როგორ შეგიძლიათ გააუმჯობესოთ კომუნიკაციის ეს ჰარმონიული ნაკადი თქვენს კლიენტთან?როგორ შემიძლია გადავიტანო ყველაფერი საცხოვრებლიდან ბიზნესის ჩამონათვალში?

გაიგეთ, როგორ უპასუხა კლიენტმა თქვენს წინადადებას სიმართლეში!

ასე დაინახავთ კლიენტის ემოციებს ჩამონათვალში, როგორც მოგეხსენებათ:

• როდის, დაახლოებით რამდენჯერ გახსენი ფურცელი და სამუდამოდ გახსენი?
• როგორ გაგვიკვირდა თქვენი კომერციული წინადადება
• რა არის ცუდი, რადგან შენმა პრეზენტაციამ ნამდვილად გამახარა და მე ძალიან პატივს ვცემ მას.

ხოლო თუ კლიენტმა უკვე მოითხოვა დოკუმენტის განხილვა საათამდე, სასწრაფოდ მოერიდეთ ასეთ კლიენტს! გახსოვდეთ, პატივისცემით დაუკავშირდით კლიენტს, სანამ ის "ცხელია". ეს უკვე განხილულია ჩვენს სტატიაში "დროა დარეკოთ კომერციული წინადადების ყურებისთანავე?"

არსებობს შანსი, რომ ცოცხალ შემობრუნებას მოახდინოთ ბიზნესის ჩამონათვალი!

ნათლად გესმით კლიენტის გონივრული ქცევა, ეჭვები და აზრები, მაგალითად: რამდენად პატივისცემით უყურებდა კლიენტი თქვენს წინადადებას და მოიპოვა რეალური სარგებელი თქვენი პროდუქტისგან ან თუნდაც გაოცებული იყო ფასით სლაიდზე, მიეცით სტატისტიკა მიმოხილვას.

ეს მაგალითი:პირველივე კონტაქტზე აუხსნეს, რომ კლიენტისთვის მთავარია „ფასი-ღირებულება“. მაშინვე გავიგეთ, რომ კონკურენტებთან ტოლი ვართ, მოგება მივიღეთ. შემდეგ, სტატისტიკა აჩვენებს, რომ კლიენტი ამოწმებს სლაიდზე ფასს და გამოტოვებს განყოფილებას „რატომ ავირჩიოთ ჩვენ“ მთლიანი დროის 20%. ეს ნიშნავს, რომ შემდეგი ფურცელი და ჟინგლი ისმის ტრანსფერებზე, ჩვენ ვიცავთ ჩვენს ფასს ძვირფასი ნივთებით ან თავის მხრივ ვაძლევთ შემცირებას.

ამ გზით გამოდის, რომ კლიენტთან პარტნიორობის გაყიდვის ყველა ეტაპს გადიხარ. გრძნობ მის გუნება-განწყობას, კანზე იჭერ ხალხს - უთხარი ბიზნესმენს!

გაიცანით თქვენი კლიენტი - მიიყვანეთ იგი „ხელით“ საჭირო გადაწყვეტილებამდე!

ჩემი, 10-ზე მეტი მდინარის მტკიცებულება გაყიდვების, მუწუკების და მოულოდნელი გეგმის შიშის შესახებ "ამ თვეში" მიეცა მუშაობის უფლება შეურაცხმყოფელი visnovok:გაყიდვების კომუნიკაციის პროცესი გულისხმობს თქვენი ყველა სარგებლის კლიენტს გადაცემას, რათა მათ სურათს ნათლად ესმოდეს თქვენთან მუშაობის აუცილებლობა.

იმის გაგება, თუ რამდენად მნიშვნელოვანია კლიენტისთვის გაოცებული იყოს თქვენი კომერციული წინადადებით, რომელ სლაიდებზე ამახვილებს ყურადღებას მის პატივისცემაზე, რამდენ დროს ხარჯავს მის ყურებაში - ამავდროულად, გარდამტეხი მომენტი, რომელიც ყოველდღიურად ხდება ბიზნეს ჩამონათვალში და რაც დაგეხმარებათ გაყიდვაში ხართ, რაზე ვსაუბრობდით ადრე. მე ვიცი, თქვენ უკვე გეცოდინებათ კლიენტთან თქვენი დიალოგის ტაქტიკა ისე, რომ კიდევ ერთხელ გამოავლინოთ თქვენი წინადადების სრული ღირებულება და თარიღი, რომელიც ადვილად გამოდგება თქვენთან და თქვენს კომპანიასთან მუშაობისთვის.

ღერძი და ყველაფერი რისი თქმაც მინდა.

ერთი საათის შემდეგ, როდესაც საქმიანი ფურცლები აღარ იყო კლიენტთან რეალური კომუნიკაციის დანამატი spivpratsyu-ს შესახებ. ახლა თქვენ შეგიძლიათ გაიგოთ, გაუკვირდა თუ არა კლიენტს თქვენი წინადადება და რამდენად პატივისცემით მიიღო იგი! უფრო შორს შენს უკან. გაყიდე მეტი, გაყიდე უკეთ და გაახარე შენი კლიენტები!

რომელ გაკვეთილზე გავეცნობით ფუნქციას ფოსტა (), კონდახზე შექმენით ზარის ნიშანი PHP-შიშორეული ძალებიდან ჩვენ დავბრუნდით ხარკი ფოსტაში.

ამისათვის ჩვენ ვქმნით ორ ფაილს - format.phpі mail.php. პირველ ფაილს ექნება ფორმა მონაცემების შეყვანის ველებით. ტეგის შუაში ფორმა- ღილაკი "დამატება"რომ ატრიბუტი მოქმედება, რომელიც ცდილობს კომპილატორის მიღებას - mail.php, ღილაკის დაჭერისას იქმნება მონაცემები თავად ფორმიდან "დამატება". ჩვენს აპლიკაციაში ეს ფორმები აიტვირთება ვებ გვერდზე სახელის ქვეშ "/mail.php". ამ გვერდზე არის სკრიპტი PHP, რომელიც აჯამებს მონაცემებს ფორმაში:

მონაცემთა ფორმების იძულება ხდება მეთოდით პოსტი(გამოითქმის როგორც $__POST). $__POST- ცვლადების ნაკრები, რომელიც გადაეცემა ხრახნილ სკრიპტს მეთოდის საშუალებით პოსტი.

ქვემოთ ჩამოტვირთეთ ფაილის ნაცვლად format.php, ველებს, რომლებსაც თავად მომხმარებელი შეავსებს ნებისმიერ ვებგვერდზე. მონაცემების შეყვანის ყველა ველი სავალდებულო და დამნაშავე დედის ატრიბუტი სახელიჩვენ თვითონ ვწერთ ღირებულებებს, ლოგიკაზე დაყრდნობით.

საყელო ფორმა PHP-ში

გთხოვთ შეავსოთ ინფორმაცია:

Თქვენი სახელი:



ელფოსტა:

Ტელეფონის ნომერი:

გილოცავ:

ტექსტის არე შეიძლება შეიცავდეს სიმბოლოების შეუზღუდავ რაოდენობას ->

ასე ვიზუალურად ჩნდება ფორმა ბრაუზერში.

შემდეგ ჩვენ ვწერთ ფაილის კოდს mail.php. ჩვენ შეგვიძლია გამოვიცნოთ თავად ცნობილთა სახელები. უ PHPცვლილება იწყება ნიშნით $ და შემდეგ შეცვალეთ იგი. ცვლილების ტექსტური მნიშვნელობა მუხლზეა. დახმარებისთვის, ადმინისტრატორის ელფოსტაში ცვლილებები იგზავნება ფორმის ნაცვლად, უბრალოდ ფორმის ელემენტის სახელის კვადრატულ მკლავებში - მნიშვნელობების განთავსებით. სახელი.

$to = " [ელფოსტა დაცულია]// ელფოსტა შეიცავს მონაცემებს ფორმიდან
$tema = "ბრუნის სიგნალის ფორმა PHP-ში"; // არჩეული ელფოსტის თემა
$message = "თქვენი სახელი: ".$_POST["სახელი"]."
";//მივანიჭოთ ცვლადის მნიშვნელობა და არა ფორმიდან name=name
$message .= "ელფოსტა: ".$_POST["email"]."
// ამობეჭდეთ ფორმა name=email
$message .= "ტელეფონის ნომერი: ".$_POST["ტელეფონი"]."
// ამობეჭდეთ ფორმა სახელი=ტელეფონი
$message .= "შეტყობინება: ".$_POST["მესიჯი"]."
// ფორმის სახელი = გაგზავნა
$headers = "MIME-ვერსია: 1.0" . "\r\n"; // სათაური მიუთითებს ფორმატს პლუს მწკრივის შებრუნების სიმბოლოს
$headers .= "შინაარსის ტიპი: text/html; charset=utf-8" . "\r\n"; // მიუთითებს გაგზავნილი შინაარსის ტიპზე
ფოსტა ($to, $tema, $message, $headers); // ცვლილებებს უგზავნის მიმღებს ელექტრონული ფოსტით
?>

ამ გზით ხარკი გადაეცა მასივს $_POSTგადაეცემა თქვენს კორესპონდენტებს და გაიგზავნება ფოსტაში დამატებითი ფუნქციებისთვის ფოსტა. მოდით შეავსოთ ჩვენი ფორმა და დააჭიროთ გაგზავნის ღილაკს. არ დაგავიწყდეთ თქვენი ელ.ფოსტის შეყვანა. ლისტ პრიიშოვ მიტევო.

· იგორ ჟურავლევი

· იგორ ჟურავლევი, ანდრეი კუროში, ალექსეი ჩუმაჩენკო, პოლინა ვაფინა

· იგორ ჟურავლევი, პოლინა ვაფინა

თქვენ ამოიღეთ ელექტრონული ფურცელი, სადაც ასლში რამდენიმე ადრესატი იყო. რა მოხდება, თუ დააწკაპუნებთ ღილაკზე „შეატყობინე ყველას“?

· შეიქმნება ფურცელი, სადაც "To" ველში შეიტანება მისამართები, რომლებისთვისაც გსურთ გამომავალი ფურცელი.

· შეიქმნება ფურცელი, სადაც "To" და "Copy" ველებში მითითებული იქნება გამომავალი ფურცელზე ჩამოთვლილი ყველა მიმღები.

· შეიქმნება ფურცელი ცარიელი "To" ველით

· შეიქმნება ფურცელი, სადაც "ასლი" ველში მითითებული იქნება მისამართები, რომლებიც მითითებულია გამომავალ ფურცელზე.

თქვენ ამოიღეთ ფურცელი სიმღერის მისამართიდან. ასლის ველს ასევე აქვს მისამართი. გსურთ აცნობოთ მხოლოდ იმ ადამიანებს, რომელთა მისამართით არის ყველაზე სანდო სია. რომელ ღილაკზე უნდა დააჭიროთ?

· სიახლეები

· შეატყობინეთ ყველას

· შექმენით ცნობიერება

· წინ

რატომ არის ღილაკი "ვიკონამდე"?

· თქვენს კალენდარში მკითხაობის დაყენება

· ბირთვის დასახელების მიხედვით პასუხის მომზადება

· შობ ფურცელი zavzhdi buv მნიშვნელობებს იაკ არაწაკითხული

· ფურცლის გადაგზავნა მომდევნო პირისთვის

რა გაგების მნიშვნელობა დაქვეითებულია?

· განბლოკეთ მონაცემები

· კონფიდენციალური მონაცემების პასპორტი

666. ამ ცნების მნიშვნელობა მოცემულია ქვემოთ:

· განბლოკეთ მონაცემები

· გამოვლენილი სახელმწიფო მონაცემები

· კონფიდენციალური მონაცემების პასპორტი

რომელი ფორმატი არ იძლევა მონაცემთა მომზადებას კონფიდენციალური მონაცემების ნაკრებისთვის, მათი გამოქვეყნების მიზნით რუსეთის ფედერაციის კონფიდენციალური მონაცემების პორტალზე?

· XML ფორმატები

· DOC ფორმატი

· CSV ფორმატი

როგორ გამოვიყენო ხატულა პროგრამის გასაშვებად კონფიდენციალური მონაცემების ნაკრების შესაქმნელად CSV ფორმატში?

ცხრილი 1

ცხრილი 2

· ცხრილი 1

· ცხრილი 2

რომელი ცხრილი აჩვენებს სენსიტიური მონაცემების ნაკრების გამოქვეყნების ვარიანტებს?

ცხრილი 1

ცხრილი 2

· ცხრილი 1

· ცხრილი 2

ახლახან შევხვდი მეთოდს, რომელიც საშუალებას აძლევს თავდამსხმელს გააგზავნოს სპამი თქვენი საიტის, ვიკირისტის და ჯომლას საკონტაქტო ფორმის (კონტაქტის ფორმა) სახელით. ეს უნარი არ არის შეუსაბამო და ნაკლებად სავარაუდოა, რომ გამოსწორდეს. ამ სტატიაში მე გეტყვით, თუ როგორ გახდა ეს შესაძლებელი და რა უნდა გააკეთოთ თქვენი საიტის გატაცებისთვის.

საყელოს ლინკის სტანდარტული ფორმაჯომლა

ჯომლას აქვს ძლიერი და მოქნილი კომპონენტი, სახელწოდებით " კონტაქტები" ეს არის სტანდარტული Joomla კომპონენტი. ეს ეხება კანის ადგილს, რადგან დაინსტალირებულია ერთდროულად CMS-დან. ეს კომპონენტი საშუალებას გაძლევთ შექმნათ და აჩვენოთ საიტზე კონტაქტების, კონტაქტების, საკონტაქტო ფორმების კატეგორიები, რომლებიც საშუალებას გაძლევთ დაუკავშირდეთ ამ ან სხვა კონტაქტებს. კონტაქტი – tse, umovno, koristuvach – ხალხი საიტიდან.

როდესაც დავწერე სტატია იმის შესახებ, თუ როგორ შეგიძლიათ შექმნათ კარიბჭის ფორმა ვებსაიტზე სტანდარტული Joomla მეთოდების გამოყენებით. ეს ინსტრუქცია არის მიმდინარე და აქტუალური. ის საშუალებას გაძლევთ შექმნათ სრულიად მორგებული ფორმის საყელო მესამე მხარის გაფართოებების დაყენების გარეშე. სპამის გაგზავნა შესაძლებელია, თუ თავად ეს ფორმა დაზიანებულია, ასევე, თუ გარკვეული სიტუაციების თავიდან აცილება მოხდება ღამით, როგორც ეს აღწერილია ქვემოთ.

სპამის აღსრულება საიტის სახელზე, კარიბჭის ბმულის vicoristan ფორმითჯომლა

გაგიკვირდებათ, რამდენად მარტივია სპამის გაგზავნა საიტის სახელის გამოყენებით. თუ შესაძლებელია, საყელოს სახსრის ფორმა შეიძლება ასე გამოიყურებოდეს:

ტობტო. ორი გონებაა დამნაშავე:

1. ფორმა არ არის დაცული სპამის ბოტებისგან (reCaptcha არ არის ჩართული ან ფორმის დასაცავად სხვა გზა)
2. კონტაქტისთვის ჩართულია ვარიანტი „მიეცით კონტაქტს ფურცლის ასლი“. სინამდვილეში, საკონტაქტო ფორმას ყოველთვის ექნება სპეციალური ჩამრთველი (ეს დიდია).

სანამ ერთ-ერთი ასეთი გონება არ შეიცვლება, არანაირი პრობლემა არ იქნება. თუ თქვენ გონებაში შეურაცხყოფა მიაღწევთ, მაშინ, როგორც ჩანს, ნაკერი ხელების უკან:

1. სპამბოტმა იცის საკონტაქტო ფორმა. არ არსებობს დაცვა სპამისგან - შეგიძლიათ გამოიყენოთ vikory.
2. სპამბოტი ნიშნავს, რომ საიტი Joomla-ზეა და გამოყენებულია სტანდარტული საკონტაქტო ფორმა. საოცარია, რამდენად შესანიშნავად მუშაობს ჩექმები.
3. სპამის ბოტი შეამოწმებს ჩამრთველ ველს და აიძულებს ფურცლის ასლს დირექტორიაში.
4. სპამის ბოტი წარმოდგენილია ველში ელფოსტამისამართი სპამის გავრცელების ოფიციალური მონაცემთა ბაზიდან, შეტყობინების ველი შეივსება სპამით. შევსების შემდეგ სხვა ველებს აზრი არ აქვს.
5. სპამბოტი აგზავნის ფორმას და იმეორებს პროცესს ფართოდ, შემოაქვს უფრო და უფრო მეტი მისამართი ოფიციალური მონაცემთა ბაზიდან ელფოსტის ველში.

რას ნიშნავს შედეგი? ჯომლას მიაჩნია, რომ ადამიანმა შეავსო ფორმა, შეიყვანა მისი რეალური მისამართი და სურს დაუკავშირდეს კონტაქტს საიტიდან. თუ მონიშნულია ფურცლის ასლის გაგზავნის ველი, მაშინ საიტზე არის ორი ფურცელი: პირი, რომლის მისამართები ასოცირდება კონტაქტთან და პირი, რომლის მისამართები შეყვანილია ელფოსტის ველში.

ამ გზით, მათი წარდგენა მინდვრის წინ ელფოსტასხვადასხვა მისამართებით, შეგიძლიათ ათასობით შეტყობინებების გაგზავნა თქვენი საიტის სახელის გამოყენებით. ასე რომ, შესაძლებელია კონტაქტის დამყარება, მაგრამ თქვენ ნათლად მიხვდებით, რა არის არასწორი და დაფარავთ ხარვეზს, წინააღმდეგ შემთხვევაში თქვენ ძალიან დარწმუნებული ხართ, რომ არაფერი მოხდება.

ასეთი თავდასხმის შედეგები საიტისა და ბიზნესისთვის შეიძლება იყოს უკიდურესად მიუღებელი, განსაკუთრებით იმ შემთხვევაში, თუ უკვე დიდი თანხაა ჩადებული საიტის პოპულარიზაციაში. ვინაიდან თქვენი დომენის მისამართები ექვემდებარება სპამს, ვფიქრობ, არ არის საჭირო იმის ახსნა, თუ როგორი იქნება მისი ლიდერების რეაქცია.

როგორ დავიცვათ თავი ამ დაღვრისგან?

როგორ დავიცვათ თავი ამ დაღვრისგან? ელემენტარული. იშოვე ისე, რომ ზემოთ აღწერილი გონების წყურვილი არ დასრულდეს დაბნეულობით, არამედ შენით.

პრაქტიკაში ერთ-ერთი ყველაზე გავრცელებული ამოცანაა საყელოს ბმულების ფორმის განხორციელება. ეს დაწერილია HTML კოდით, შექმნილი CSS-ში, შექმნილი PHP სკრიპტით, რომელიც შეაგროვებს მონაცემებს მომხმარებლისგან და გამოგიგზავნით ჩვენს ელფოსტაზე, დაწერილი JS სკრიპტით, რომელიც შეამოწმებს ფორმას მონაცემთა ადეკვატურობისთვის, რომელიც არის შეყვანილი, იცავს ჩვენს შვილს სპამში, რათა ჩვენი ფოსტის ეკრანი არ დაიშალოს ბოტის შეტევების გამო.

ყველა ყველაზე მნიშვნელოვანი პუნქტი განიხილება ჩვენს მიმოხილვაში და დეტალურად იქნება კომენტარი.

ახლა, დავიწყოთ კარიბჭის ბმულის ფორმის შექმნა:

HTML

ჩვენ ვწერთ HTML კოდს ჩვენს თვალწინ და შემდეგ ვაყენებთ დასამახსოვრებელ ველებს. დროა გაფორმდეს. ფორმის კოდი ასე გამოიყურება:

< form method= "post" action= "mail.php" > < div class = "left" > < label for = "name" >მე: < input maxlength= "30" type= "text" name= "name" /> < label for = "phone" >ტელეფონი: < input maxlength= "30" type= "text" name= "phone" /> < label for = "mail" >ელფოსტა: < input maxlength= "30" type= "text" name= "mail" /> < div class = "right" > < label for = "message" >გილოცავ: < textarea rows= "7" cols= "50" name= "message" > < input type= "submit" value= "გაგზავნა" />

და ვიზუალურად ასე გამოიყურება:

კარგია, ჯერჯერობით ყველაფერი არ არის მოხარშული და არაფერი გამოვიდა, მაგრამ ჩვენ ახლა დავიწყეთ.

მოდით შევხედოთ ვიზუალურ კოდს:

• < form method= "post" action= "mail.php" > …

  
  ფორმის შესაქმნელად, თქვენ უნდა შეცვალოთ ფორმის ტეგი. ეს თავად წარმოადგენს კოდის თარჯიმნის ფორმის დასაწყისს და დასასრულს. თითოეულ ტეგს აქვს ატრიბუტების მთელი ნაკრები, მაგრამ რობოტებისთვის საჭიროა მხოლოდ ორი ფორმა: მეთოდი (სერვერზე მოთხოვნის გაგზავნის მეთოდი, ფორმებისთვის სტანდარტულია პოსტის გამოყენება) და მოქმედება (მიუთითებს გზას ფაილის დამუშავების ფორმისკენ. , რომელ ფაილში იქნება სკრიპტი PHP-ში, რომელიც ელ.ფოსტის საშუალებით შესაბამისი მნიშვნელობის შეყვანის შემდეგ, ჩვენი აზრით, გვესმის, რომ ამ ფაილს ჰქვია mail.php და დევს საიტის იმავე დირექტორიაში, როგორც გვერდი, რა შეგიძლიათ. გვნახე).

• < input maxlength= "30" type= "text" name= "name" />

  
  ჩვენ შემდგომი გზები გვაქვს გასავლელი. ეს არის თავად ფორმის ველები, რომლებიც აკონტროლებენ, რომლებსაც გამოიყენებენ დეველოპერები ჩვენთვის საჭირო ინფორმაციის შესაყვანად (type="text" ვისაუბროთ მათზე, რაც იქნება ტექსტი). maxlength ატრიბუტი განსაზღვრავს რამდენი სიმბოლოს შეყვანა შეგიძლიათ ფორმის ველში. ყველაზე მნიშვნელოვანი ატრიბუტი სახელია - ის განსაზღვრავს კონკრეტული ველის სახელს. ამ სახელების მიღმა, PHP სკრიპტი გამოიყენებოდა შემდეგის საპოვნელად საჭირო ინფორმაციის დასამუშავებლად. ველისთვის, თქვენ ასევე შეგიძლიათ დააყენოთ ადგილის ატრიბუტი, რომელიც აჩვენებს ტექსტს ველის შუაში, რომელიც გამოჩნდება, როდესაც კურსორი მოთავსებულია მის შუაში. ჩანაცვლების ერთ-ერთი პრობლემა ის არის, რომ მას არ აქვს მრავალი ძველი ბრაუზერის მხარდაჭერა.

• < label for = "name" >მე:

  
  ვიკორისტი დარწმუნებულია, რომ ჩვენ შთაგონებული ვიყავით ადგილზე მყოფების მიერ. ველის თავდაპირველი ხელმოწერა, for ატრიბუტი მიუთითებს რომელ კონკრეტულ ველს უნდა მიეცეს ხელმოწერა. მნიშვნელობები მიუთითებს ველის სახელზე, რომელიც ჩვენთვის უნდა მიუთითოთ.

• < textarea rows= "7" cols= "50" name= "message" >

  
  ასე რომ, ისევე როგორც დანიშნულების ადგილის შეყვანა პერსონალური ინფორმაციის შეყვანისთვის, ამჯერად ველი დაცულია გრძელვადიანი შეტყობინებებისთვის. Rows განსაზღვრავს ველის ზომას რიგებისთვის, cols სიმბოლოებისთვის. სუნის ნისლი ადგენს ჩვენი ველის სიმაღლეს და სიგანეს.

• < input type= "submit" value= "გაგზავნა" />

  
  Type="submit" გვამცნობს, რომ ეს არის ფორმის გაგზავნის ღილაკი და მნიშვნელობა განსაზღვრავს ტექსტს, რომელიც იქნება ღილაკის შუაში.

• < div class = "right" >

  
  Vikoristan გამოიყენება ფორმის შემდგომი ვიზუალური დიზაინისთვის.

CSS

იმისათვის, რომ ჩვენი საყელო ფორმა წარმოუდგენლად გამოიყურებოდეს, ის უნდა იყოს ფორმატირებული. მყისიერი შედეგის დასადგენად:

ჩვენ დავამატეთ ეს კოდი:

ფორმა (ფონი: #f4f5f7; padding: 20px; ) ფორმა. მარცხენა, ფორმა. მარჯვნივ (ჩვენება: inline-ბლოკი; ვერტიკალური- გასწორება: ზედა; სიგანე: 458px;) ფორმა. მარჯვენა ( padding- მარცხნივ: 20px; ) ლეიბლი (ჩვენება: ბლოკი; შრიფტის ზომა: 18px; ტექსტის გასწორება: ცენტრში; ზღვარი: 10px 0px 0px 0px; ) შეყვანა, ტექსტური არე (საზღვარი: 1px მყარი #82858D; პანელის შრიფტის ზომა : 16px; სიგანე: 436px; ) textarea ( სიმაღლე: 98px; margin- bottom: 32px; ) input[ type= "submit" ] ( სიგანე: 200px; float: მარჯვნივ; საზღვარი: არცერთი; ფონი: #595 ფერი: #fff ;ტექსტის ტრანსფორმაცია: დიდი; )

არ ვიცი როგორ დავწერო CSS, მაგრამ მადლობას მოგახსენებთ ძირითადი პუნქტებისთვის:

1. შეუძლებელია დიზაინის ჩაწერა ფორმის კანის ტეგის ქვეშ. შეეცადეთ შექმნათ თქვენი სელექტორები ისე, რომ დასჭირდეს კოდის რამდენიმე ხაზი ყველა საჭირო ელემენტის ჩამოყალიბებას.
2. არ გამოიყენოთ რიგების გადასატანად და ტიპის მიხედვით შესვლის ტეგების შესაქმნელად < br>, < p> და ასე შემდეგ, ამ ამოცანებს CSS სასწაულებრივად ახორციელებს ჩვენების სიმძლავრის გამო: ბლოკი და ზღვარი და padding. უფრო მეტიც, რატომ არ არის კარგი მოგების მიღება < br> შეგიძლიათ წაიკითხოთ სტატია Tag br, რატომ არის საჭირო ღვინო? .
3. არ შეგაწუხოთ ფორმების ცხრილის განლაგება. მნიშვნელოვანია ამ ტეგის სემანტიკის გაგება და საძიებო სისტემებს უყვართ სემანტიკური კოდი. დოკუმენტის ვიზუალური სტრუქტურის ფორმულირებისთვის ჩვენ გვჭირდება მხოლოდ div ტეგები და მათზე მინიჭებული CSS კონტროლი: ჩვენება: inline-block (განათავსებს ბლოკებს ზედიზედ) და ვერტიკალური გასწორება: ზედა (ხელს უშლის მათ გავრცელებას. ეკრანი), რაც მათ აუცილებელ სიმაღლეს და ვოილას აძლევს, არაფერი ლამაზი და ყველაფერი ისეა, როგორც ჩვენ გვჭირდება.

მათთვის, ვისაც სურს გაატაროს დრო დაპროექტებულ ვებსაიტებზე, შემიძლია გირჩიოთ CSS ჩარჩოების გამოყენება ვებსაიტების შექმნისას, განსაკუთრებით თვითნაწერი. ჩემი არჩევანი ამ გეგმისთვის - Twitter Bootstrap. ფორმების დიზაინის გაკვეთილის ყურება შეგიძლიათ ამ ვიკიში.

PHP

ისე, დადგა დრო, რომ ჩვენი ფორმა პრაქტიკული გავხადოთ.

ჩვენ მივდივართ საიტის ჩვენს root დირექტორიაში და იქ ვქმნით mail.php ფაილს, რომელიც ადრე იყო მითითებული ფორმის ტეგის მოქმედების ატრიბუტში.

კოდი ასე გამოიყურება:

\"javascript: history.back()\" >უკან

" ; if (! ცარიელი ($_POST [ "სახელი" ] ) და ! ცარიელი ($_POST [ "ტელეფონი" ] ) და ! ცარიელი ($_POST ["ფოსტა" ] ) და ! ცარიელი ($_POST [ "მესიჯი" ] ) ) ) ($name = მორთვა (strip_tags ($_POST ["სახელი"])); $phone = მორთვა (strip_tags ($_POST ["ტელეფონი"])); ;$ message = მორთვა (strip_tags ($_POST ["გზავნილი " " ] ) ) ;ფოსტა (, , "გიწერთ: " . $name . "
იოგოს ნომერი: ". $phone."
Yogo mail: " . $mail . "
იოგოს შეტყობინება: ". $გზავნილი,); ექო "Თქვენი შეტყობინება წარმატებით გაიგზავნა!
თქვენ გააუქმებთ თქვენს მოხსენებას უახლოეს მომავალში
$ უკან"; გასასვლელი; ) else (echo; exit;) ?>

შეგიძლიათ გამოტოვოთ დისკუსია ნაწილობრივი დოკუმენტის HTML და CSS-ის შესახებ. მთლიანობაში, ეს არის საიტის ძირითადი მხარე, სადაც შეგიძლიათ შეავსოთ თქვენი საჭიროებები. მოდით გადავხედოთ ყველაზე მნიშვნელოვან ნაწილს - PHP სკრიპტს ფორმის დამუშავებისთვის:

$back = "

\"javascript: history.back()\" >უკან

" ;

ჩვენ ერთმანეთის გვერდით, ჩვენ ვქმნით კარს წინა მხარეს გადასახვევად. უმეტესწილად, ჩვენ არ ვიცით კორისტუვაჩის რომელ მხარეს შევეხოთ ამას, მაგრამ ვიმუშაოთ სხვა მცირე JS ფუნქციისთვის. ჩვენ უბრალოდ ვაპირებთ ამ ცვლილების განხორციელებას, რათა მოხდეს ის იმ ადგილებში, სადაც ჩვენ გვჭირდება.

if (! ცარიელი ($_POST [ "სახელი" ] ) და ! ცარიელი ($_POST [ "ტელეფონი" ] ) და ! ცარიელი ($_POST ["ფოსტა" ] ) და ! ცარიელი ($_POST [ "მესიჯი" ] ) ) ) ( //ობლივატორის შიდა ნაწილი) სხვა (ექო "დამატებითი ინფორმაციისთვის შეავსეთ ყველა ველი! $back"; გასასვლელი; )

აქ ჩვენ ვაბრუნებთ ფორმას ველების შესავსებად. როგორც თქვენ მიხვდით, $_POST["name"] ნაწილში ჩვენ ვწერთ მნიშვნელობებს ჩვენი შეყვანის სახელის ატრიბუტისთვის.

თუ ყველა ველი შევსებულია, მაშინ სკრიპტი გააგრძელებს მონაცემთა დამუშავებას მის შიდა ნაწილში, თუ ერთი ველი არ იყო შევსებული, მაშინ მომხმარებლის ეკრანზე გამოჩნდება შეტყობინება ფორმის ყველა ველის შევსების ოფციით. echo "ინფორმაციის გასაგზავნად შეავსეთ ყველა ველი! $back" შემობრუნდა წინა მხარეს, ჩვენ გავაკეთეთ ისინი პირველ რიგში.

შემდეგ ჩვენ ჩავსვამთ ფორმის ნიმუშის შიდა ნაწილში:

$name = trim(strip_tags($_POST["სახელი"])); $phone = trim(strip_tags($_POST["ტელეფონი"])); $mail = trim(strip_tags($_POST["mail"])); $message = trim(strip_tags($_POST["მესიჯი"]));

ამ გზით ჩვენ გავასუფთავეთ ის მონაცემები, რომლებიც უნდა შეიყვანოს კორესპონდენტმა, როგორიცაა html ტეგები და გაწმენდები. ეს საშუალებას გვაძლევს დავიცვათ თავი ჩვენთვის გაგზავნილი შეტყობინებებიდან არასასურველი კოდის წაშლისგან.

შებრუნებები შეიძლება დაიკეცოს, მაგრამ ეს თქვენზეა დამოკიდებული. ჩვენ უკვე დავაყენეთ მინიმალური დაცვა სერვერის მხარეს. შემდეგ ჩვენ ვიმუშავებთ კლიენტის მხარეს, vikoryst და JS.

მე არ გირჩევთ მთლიანად დაეყრდნოთ ფორმის დაცვას სერვერის მხარეს JS ბირთვზე, თუმცა ეს ძალზე იშვიათია, წინააღმდეგ შემთხვევაში თქვენ დაიჭერთ, თუ თქვენს ბრაუზერში JS არ გაქვთ ჩართული.

ტეგების გასუფთავების შემდეგ ემატება შეტყობინების შეტყობინება:

ფოსტა ( "[email protected]", "ფურცელი your_site_address-იდან", "გწერთ თქვენ: " . $name. "
იოგოს ნომერი: ". $phone."
Yogo mail: " . $mail . "
იოგოს შეტყობინება: ". $გზავნილი "Content-type:text/html;charset=windows-1251") ;

სწორედ ეს რიგი ეწევა ჩამოსხმასა და გამაგრებას, როგორც ჩვენთვის ცნობილია. დაიმახსოვრე ასე:

1. „[email protected]“ – ჩადეთ თქვენი ფოსტა აქ ჩანართებს შორის
2. „ფურცელი მისამართი_თქვენი_საიტის“ არის ინფორმაციის თემა, თუ როგორ მივიდეთ ფოსტაში. აქ შეგიძლია დაწერო რამე.
3. "გიწერთ: ".$name." < br /> იოგოს ნომერი: ".$phone." < br /> Yogo mail: ".$mail." < br /> თქვენი შეტყობინება: ".$message – თავად შეტყობინების ტექსტი ყალიბდება. $name – ინფორმაცია ჩასმულია, მომხმარებლის მიერ შევსებული გვერდიდან წინა რიგის ველებამდე, თაიგულებში აღწერილია ამ ველში. , ტეგით < br /> ფრთხილად გადაიტანეთ სტრიქონი ისე, რომ წაკითხვის არე ხილული გახდეს.
4. Content-type:text/html;charset=windows-1251 - დასასრულს არის მკაფიო მითითება მონაცემთა ტიპის შესახებ, რომელიც გადაცემულია ასოცირებულ კოდირებაში.

ᲛᲜᲘᲨᲕᲜᲔᲚᲝᲕᲐᲜᲘ!

კოდი მითითებულია დოკუმენტის „სათაურში“ ( < meta http- equiv= "Content-Type" content= "text/html; charset=windows-1251" /> ), შეტყობინების კოდირება Content-type:text/html;charset=windows-1251 და, ზოგადად, PHP ფაილის კოდირება თავიდან უნდა იქნას აცილებული სხვაგვარად იმ შეტყობინებებში, რომლებიც იგზავნება ფოსტით, რუსული ან ინგლისური ასოების ნაცვლად, "კრაკოზი" გამოჩნდება Yabri."

მათთვის, ვინც არ მიუთითებს ინფორმაციის კოდირებაზე, რომელიც აშკარად გადაჭარბებულია, მაგრამ ზოგიერთ საფოსტო კლიენტზე შეიძლება პრობლემები წარმოიშვას ამის გამო (წაკითხვადი ფურცლები ჩამოდის ფოსტით), მაშინ გირჩევთ, რომ მაინც მიუთითონ.

შეყვანილი მონაცემების ადეკვატურობის ფორმის შემოწმება

იმისათვის, რომ კორესპონდენტებმა უნებურად არ გამოტოვონ ველები და სწორად შეავსონ ყველაფერი, დარწმუნდით, რომ შეამოწმეთ შეყვანილი მონაცემები.

თქვენ შეგიძლიათ იმუშაოთ როგორც PHP-ით სერვერის მხარეს, ასევე JS-ით კლიენტის მხარეს. მე ვეძებ სხვა ვარიანტს, რათა ადამიანებმა დაუყოვნებლივ გააცნობიერონ, რომ მან ეს არასწორად მოიქცა და გამოასწოროს საკითხი გვერდებზე დამატებითი გადასვლების გამოწვევის გარეშე.

სკრიპტის კოდი ჩასმულია იმავე ფაილში, სადაც განთავსებულია ფორმის HTML ნაწილი. ჩვენი მაგალითისთვის, ასე გამოიყურება:

< script>ფუნქცია checkForm(form) ( var name = form. name. ) ;if (! n) ( alert( "არასწორად შევიტანე, გთხოვთ, შეასწორეთ"); დაბრუნება false; ) var phone = ფორმა. ტელეფონი. ღირებულება; var p = ტელეფონი. მატჩი(/^[0-9+][0-9-]*[0-9-]+$/); თუ (! p) (გაფრთხილება ( "ტელეფონი არასწორად შევიდა"); დაბრუნება false; ) var mail = ფორმა. ფოსტა. ღირებულება; var m = ფოსტა. match(/ ^[ A- Za- z0- 9 ] [ A- Za- z0- 9 \. _- ] * [ A- Za- z0- 9 _] *@ ([ A- Za- z0- 9 ] + ([A-Za-z0-9-] * [A-Za-z0-9] +) * \.) + [A-Za-z] + $/); თუ (! მ) (გაფრთხილება ( "ელ.ფოსტა არასწორად იყო შეყვანილი, გთხოვთ შეასწოროთ"); დაბრუნება false; ) ჭეშმარიტების დაბრუნება; )

კარგი, ახლა საბოლოო ანალიზისთვის:

ამისთვის, ასე რომ, როდესაც თქვენ დააწკაპუნებთ ფორმის გაგზავნის ღილაკზე, მოგეთხოვებათ მისი გადახედვაჩვენ მზად ვართ გავუშვათ ჩვენი სკრიპტი ფორმის ტეგზე:

< form method= "post" action= "mail.php" onSubmit= "return checkForm(this)" >

ახლა, ნივთების შემდეგ, ჩვენ ვიღებთ გადამოწმების საწყობს:

როგორც შენიშნავთ, ეს მინი-გადამოწმება დაწერილია ჩვენი კანის სფეროსთვის. მე ვნახე გადამოწმება ერთ ველზე სკრინშოტზე წითელი კვადრატით, სხვა ველებში არის მსგავსი სტრუქტურა და არ არის საჭირო ველის დამატება ან არჩევა და ახლა მარტივად შეგიძლიათ ამის გაკეთება.