HTML ფორმები ძალიან მძლავრი ინსტრუმენტია მომხმარებლებთან ურთიერთობისთვის, მაგრამ ტექნიკური მიზეზების გამო ყოველთვის არ არის გასაგები, თუ როგორ გამოვიყენოთ ისინი მათი სრული პოტენციალით. ამ შემთხვევაში მონაცემების უბრალოდ გაგზავნა საკმარისი არ არის - თქვენ ასევე უნდა დარწმუნდეთ, რომ მონაცემები, რომლებსაც მომხმარებლები ავსებენ ფორმებში, გაიგზავნება სწორი ფორმატით, რომელიც საჭიროა მისი წარმატებით დამუშავებისთვის და ეს არ დაარღვიოს არსებულ აპლიკაციებს. ასევე მნიშვნელოვანია, დაეხმაროთ მომხმარებლებს ფორმების სწორად შევსებაში და არ ინერვიულონ აპლიკაციების გამოყენებისას.
თეგი გამოიყენება HTML ფორმის შესაქმნელად. ის რეალურად არ ქმნის ზღვარს, მაგრამ გამოიყენება როგორც ძირითადი კონტეინერი ისეთი ელემენტებისთვის, როგორიცაა. თუ გსურთ მარტივი გამოწერის ფორმის შექმნა რეგულარული შეკვეთით და გადახდით, თუ ინტერაქტიული ვებ აპლიკაციებით, სამუშაოდ მოგიწევთ გამოიყენოთ HTML ელემენტის ტეგები, რომელთაგან ყველაზე მნიშვნელოვანია.
რამდენად სტანდარტულიHTML ფორმები
HTML ფორმები გამოიგონეს და დიდწილად სტანდარტიზებული იყო ასინქრონული JavaScript და რთული ვებ აპლიკაციების გამოჩენამდე. დღეს გამოიყენება ფორმის შეყვანა, ღილაკები და სხვა ურთიერთქმედების მექანიზმები, მაგრამ ამის საფუძველია სისტემა, რომელიც დაფუძნებულია HTTP მოთხოვნისა და პასუხის პარადიგმაზე.
როდესაც მომხმარებელი იტვირთება გვერდი, იგზავნება http მოთხოვნა (ჩვეულებრივ ე.წ. GET მოთხოვნა). ის იგზავნება თქვენი ბრაუზერის მიერ სერვერზე და, როგორც წესი, სერვერი პასუხობს ვებ გვერდით, რომელსაც მომხმარებელი ეძებს. ეს ურთიერთქმედება ინტერნეტის ერთ-ერთი ყველაზე ფუნდამენტური კონცეფციაა. და ეს ხსნის ზუსტად როგორ მუშაობს HTML ფორმები.
სერვერთან ინფორმაციის გაცვლის პროცესი
თითოეული, რომელიც მოიცავს ელემენტებს, როგორიცაა, მდებარეობს შიგნით და აქვს სახელის ატრიბუტი (სახელი), ისევე როგორც მისი მნიშვნელობა. ღირებულება განისაზღვრება სხვადასხვა გზით. ტექსტისთვის, ეს იქნება ის მნიშვნელობა, რომელიც შეიტანა ველში საიტის მომხმარებლის მიერ. რადიოს ღილაკისთვის, არჩეული ვარიანტის მნიშვნელობა. მომხმარებელს შეუძლია დააყენოს მნიშვნელობა, მაგრამ ყველაზე ხშირად არ შეუძლია დააყენოს სახელის ატრიბუტი. ეს ქმნის სახელის/მნიშვნელობის წყვილების ერთობლიობას, სადაც მნიშვნელობები განისაზღვრება მომხმარებლის შეყვანით.
ფორმასა და ჩვეულებრივ HTML დოკუმენტს შორის მთავარი განსხვავება ისაა, რომ უმეტეს შემთხვევაში, ფორმის მიერ შეგროვებული მონაცემები იგზავნება ვებ სერვერზე. ამ შემთხვევაში, თქვენ უნდა დააყენოთ ვებ სერვერი მონაცემების მისაღებად და დასამუშავებლად. ტეგის მოქმედების ატრიბუტიგანსაზღვრავს ადგილს (URL), სადაც უნდა გაიგზავნოს შეგროვებული მონაცემები.
როგორ გამოიყურება სერვერის პასუხი
ფორმის გაგზავნისას, სახელი-მნიშვნელობის წყვილები და ყველა ველი ელემენტის შიგნით შედის HTTP-ში. მოთხოვნა კეთდება მოქმედების ატრიბუტის სახით მითითებულ URL-ზე. მოთხოვნის ტიპი (GET ან POST) იქნება მეთოდის ატრიბუტში. ეს ნიშნავს, რომ მომხმარებლის მიერ მოწოდებული ყველა მონაცემი იგზავნება სერვერზე ფორმის გაგზავნისთანავე და სერვერს შეუძლია გააკეთოს ის, რაც სურს ამ მონაცემებთან. როდესაც სერვერი იღებს ფორმის გაგზავნას, ის განიხილავს მას, როგორც ნებისმიერ სხვა HTTP მოთხოვნას. სერვერი აკეთებს ყველაფერს, რაც მას სჭირდება შეტანილ მონაცემებთან და უპასუხებს ბრაუზერს.
თუ გახსოვთ, რომ გვერდის ჩატვირთვა არის პასუხი, შეამჩნევთ, რომ იგივე ხდება აქაც. ტეგით შექმნილი ტიპიური ფორმით, პასუხი არის ბრაუზერის მიერ ჩატვირთული ახალი გვერდი. როგორც წესი, ახალი გვერდი ცვლის მიმდინარე შინაარსს, მაგრამ ეს შეიძლება გადაილახოს სამიზნე ატრიბუტით. ონლაინ ფორმების აბსოლუტური უმრავლესობა მუშაობს ამ გზით, რის გამოც მომხმარებელი იგზავნება მადლობის გვერდზე, როდესაც ისინი ავსებენ ელ.ფოსტის გამოწერის ფორმას.
ვებ აპები და ფორმები ტეგის გარეშე
თანამედროვე ინტერაქტიული ვებ აპლიკაციები იყენებენ JavaScript კოდს ასინქრონული http მოთხოვნების შესაქმნელად. ეს არის ზარები სერვერზე, რომლებიც არ იწვევს გვერდის გადატვირთვას. ისინი არ ეყრდნობიან ტეგს - ქცევაში ჩაშენებულ HTML ელემენტს. ისინი არ აერთიანებენ ყველა მონაცემს ერთ მთლიანობაში.მომხმარებელი და არ გაგზავნოთ ისინი დაუყოვნებლივ. ამ მიზეზით, ბევრი HTML + JS განლაგების დიზაინერი ვებ აპლიკაციებში არ იყენებს ტეგს ყველა ფორმაზე. უფრო ხშირად, ისინი უბრალოდ იყენებენ მას, როგორც ერთგვარ კონტეინერს სხვადასხვა ტიპის შეყვანის ველებისა და ელემენტებისთვის. ამ შემთხვევაში გამოყენებული მეთოდი და მოქმედების ატრიბუტები არ გამოჩნდება.
მეტი ფორმების შესახებ
HTML ფორმები არის ვებსაიტთან ან აპლიკაციასთან მომხმარებლის ურთიერთქმედების ერთ-ერთი მთავარი წერტილი. ისინი მომხმარებლებს საშუალებას აძლევს წარადგინონ მონაცემები საიტზე. უმეტეს შემთხვევაში, მონაცემები იგზავნება ვებ სერვერზე, მაგრამ ვებ გვერდს ასევე შეუძლია გადაჭრას იგი დამოუკიდებლად გამოსაყენებლად. ფორმასთან დაკავშირებული მრავალი ელემენტია - სხვადასხვა სახის ღილაკები, სხვადასხვა ტიპის სელექტორები, უკუკავშირის მექანიზმები. აქედან გამომდინარე, შეიძლება რთული იყოს იმის გადაწყვეტა, თუ რა მნიშვნელობები უნდა მივანიჭოთ ტეგის ატრიბუტებს. როდესაც საქმე ეხება ფორმების შექმნას, თქვენ უნდა დაამუშავოთ ისინი სხვადასხვა ზომის ეკრანზე. მნიშვნელოვანია, რომ ისინი ხელმისაწვდომი იყოს შეზღუდული შესაძლებლობის მქონე პირებისთვის. სწორედ ამიტომ, ფორმები და ატრიბუტების ტეგები HTML-ის ყველაზე რთული ასპექტია.
რისგან შედგება ფორმა
HTML ფორმა შედგება ერთი ან მეტი ვიჯეტისგან. ისინი შეიძლება იყოს ერთსტრიქონიანი ან მრავალსტრიქონიანი ტექსტური ველები, შეარჩიეთ ველები, ღილაკები ან რადიო ღილაკები. ისინი ყველაზე ხშირად ასოცირდება ატრიბუტთან, რომელიც აღწერს მათ დანიშნულებას - სწორად განხორციელებულს შეუძლია მკაფიოდ დაავალოს როგორც მხედველ, ასევე ბრმა მომხმარებლებს, როგორ მოხვდნენ შეყვანის ფორმაში. ატრიბუტისწორად ასოცირდება მათ for და id ატრიბუტებთან, შესაბამისად. ლეიბლი for მიუთითებს შესაბამისი ვიჯეტის id ატრიბუტზე და ეკრანის წამკითხველი, მისი გამოყენებით, წაიკითხავს რა წერია მასში.
თეგის სპეციფიკური სტრუქტურების გარდა, მნიშვნელოვანია გვახსოვდეს, რომ ფორმები მხოლოდ HTML კოდია. ეს ნიშნავს, რომ თქვენ შეგიძლიათ გამოიყენოთ HTML-ის სრული ძალა თქვენი ფორმების სტრუქტურირებისთვის. გავრცელებული პრაქტიკაა თეგის გამოყენება -ით მონიშნული ელემენტების შესაფუთად.
. HTML სიები ასევე ფართოდ გამოიყენება; სტრუქტურირებისთვის გამოიყენება მრავალი ჩამრთველი ან რადიო ღილაკი. შეყვანის ველების შექმნის შემდეგ, რჩება ღილაკის დამატება ტეგის გამოყენებით და შეამოწმეთ შედეგი. HTML ფორმების მოქნილობა მათ HTML ფორმატში ერთ-ერთ ყველაზე რთულ სტრუქტურად აქცევს. მაგრამ სწორი სტრუქტურით, HTML ფორმის შექმნისას, შეგიძლიათ უზრუნველყოთ, რომ ის არის გამოსაყენებელი და ხელმისაწვდომი.
