შეყვანის ჩანართის გამოყენებით ფორმების გაგზავნა
HTML ფორმები ერთ-ერთი ყველაზე მნიშვნელოვანი გზაა თქვენს ვებ-გვერდზე ინტერაქტიულობის შესაქმნელად. თქვენ შეგიძლიათ კითხვის დასმა და თქვენი მკითხველის პასუხების მიღება, დამატებითი ინფორმაცია მონაცემთა ბაზებიდან, შეიქმნას თამაშები და სხვა. არსებობს HTML ელემენტების რაოდენობა, რომლებიც შეგიძლიათ გამოიყენოთ თქვენი ფორმების შესაქმნელად. და კიდევ ერთხელ თქვენ შექმენით თქვენი ფორმა, არსებობს უამრავი გზა, რომ წარმოადგინოთ ეს მონაცემები სერვერზე ან დაიწყოთ ფორმის მოქმედება.
ეს არის რამდენიმე გზა შეგიძლიათ წარმოადგინოთ თქვენი ფორმები:
-
- ეს არის სერვერთან მონაცემთა მიღების ყველაზე გავრცელებული მეთოდი, მაგრამ ეს ძალიან სავარაუდოა.
-
- იმიჯის გამოყენება ძალიან მარტივია იმისათვის, რომ წარმოადგინოთ ღილაკი თქვენი საიტის სტილით. მაგრამ ზოგიერთი ადამიანი ვერ აღიარებს, როგორც წარუდგენს ღილაკს.
-
- ღილაკს INPUT tag აძლევს ბევრს იმავე ვარიანტს, როგორც სურათს INPUT tag, მაგრამ უფრო მოსწონს სტანდარტული წარდგენის ტიპი. საჭიროა JavaScript- ის გააქტიურება.
-
- COMMAND ელემენტი ახალია HTML5- ში, და ის საშუალებას აძლევს გზა გააქტიურო სკრიპტები და ფორმები ასოცირებული ქმედებებით. ის JavaScript- ს გააქტიურებულია.
INPUT ელემენტი
INPUT ელემენტი არის ყველაზე გავრცელებული გზა, რათა წარმოადგინოთ ფორმა, ყველა გააკეთებთ აირჩიოს ტიპის (ღილაკი, სურათი, ან წარადგინოს) და საჭიროების შემთხვევაში დაამატოთ ზოგიერთი სკრიფტინგის წარუდგინოს ფორმა action.
ელემენტს შეიძლება ასე დაწერილი. მაგრამ თუ ამას აკეთებთ, სხვადასხვა ბრაუზერში სხვადასხვა შედეგებს მოგიწევთ. ბრაუზერის უმეტესობა ქმნის ღილაკს "წარუდგინოს", მაგრამ Firefox- ი ქმნის ღილაკს, რომელიც ამბობს "შეკითხვის გაგზავნა". თუ შეცვალოთ ღილაკი, უნდა დაამატოთ ატრიბუტი:
ღირებულება = "ფორმის გაგზავნა">
ელემენტი არის მოსწონთ მსგავსი, მაგრამ თუ თქვენ დატოვებთ ყველა სხვა ატრიბუტები, ყველა რომ გამოჩნდება ბრაუზერები არის ცარიელი რუხი ღილაკს. ღილაკზე ტექსტის დასამატებლად გამოიყენეთ მნიშვნელობა ატრიბუტი. მაგრამ ეს ღილაკი არ წარადგენს ფორმას, სანამ არ გამოიყენებთ JavaScript- ს.
onclick = "წარადგინოს ();">
მსგავსია ღილაკის ტიპი, რომელსაც სჭირდება სცენარი. გარდა იმისა, რომ ტექსტის მნიშვნელობის ნაცვლად, თქვენ უნდა დაამატოთ გამოსახულების წყაროს URL.
src = "submit.gif">
BUTTON ელემენტი
BUTTON ელემენტი მოითხოვს ორივე გახსნის ტეგიას დახურვის ტეგით როდესაც ის გამოიყენებთ მას, ნებისმიერი შინაარსი, რომელიც აკავშირებს შიგნით ტეგით, იქნება ჩასმული ღილაკზე. შემდეგ გაააქტიურებთ ღილაკს სკრიპტით.
წარმოადგინეთ ფორმა
თქვენ შეგიძლიათ შეიტანოთ სურათები თქვენს ღილაკზე ან შეავსოთ სურათები და ტექსტი, რათა შეიქმნას უფრო საინტერესო ღილაკი.
წარმოადგინეთ ფორმა
COMMAND ელემენტი
COMMAND ელემენტი ახალია HTML5. იგი არ საჭიროებს FORM- ს გამოყენებას, მაგრამ მას შეუძლია იმოქმედოს ფორმის სახით. ეს ელემენტი საშუალებას გაძლევთ შექმნათ მეტი ინტერაქტიული გვერდები გარეშე ფორმების გარეშე, თუ თქვენ ნამდვილად არ სჭირდება ფორმები. თუ გნებავთ ბრძანება, რომ თქვათ რაღაც, ჩაწერეთ ინფორმაცია ეტიკეტზე.
label = "ფორმის გაგზავნა">
თუ გსურთ თქვენი ბრძანება გამოსახული იყოს გამოსახულების მიერ, გამოიყენეთ ხატი ატრიბუტი.
icon = "submit.gif">
ეს სტატია არის HTML ფორმების ტერმინალი. წაიკითხეთ სრული გაკვეთილი, ისწავლოს HTML ფორმების გამოყენება.
HTML ფორმები რამდენიმე განსხვავებული გზებით წარმოადგინონ, როგორც წინა გვერდიდან შეიტყვეთ. ორი მეთოდი არის INPUT ტეგი და BUTTON ტეგი. ამ ელემენტების გამოყენების კარგი საფუძვლები არსებობს.
INPUT ელემენტი
ტეგი არის ფორმის წარდგენის უმარტივესი გზა. ის არაფერს მოითხოვს, არა აქვს მნიშვნელობა არც tag. როდესაც მომხმარებელი დააჭერს ღილაკს, იგი ავტომატურად წარუდგენს. თქვენ არ გჭირდებათ რაიმე სკრიპტის დამატება, ბრაუზერებმა იციან ფორმის წარმოდგენა, როდესაც წარადგინეთ INPUT ტეგი.
პრობლემა ისაა, რომ ეს ღილაკი ძალიან მახინჯი და ჩვეულებრივია. სურათების დამატება შეუძლებელია. სტილის მსგავსია ნებისმიერი სხვა ელემენტის მსგავსად, მაგრამ ის მაინც გრძნობს, როგორც მახინჯი ღილაკი.
გამოიყენეთ INPUT მეთოდი, როდესაც თქვენი ფორმა უნდა იყოს გამორჩეული ბრაუზერებშიც კი, რომლითაც JavaScript გამორთულია.
BUTTON ელემენტი
BUTTON ელემენტის შეთავაზება უფრო მეტ ვარიანტს სთავაზობს ფორმების წარდგენას. თქვენ შეგიძლიათ დააყენოთ არაფერი BUTTON ელემენტის შიგნით და ჩააბაროთ ღილაკს. ყველაზე ხშირად ადამიანები გამოიყენებენ სურათებს და ტექსტს. მაგრამ თქვენ შეგიძლიათ შექმნათ DIV და გააკეთოს ეს ყველაფერი რაც წარუდგენს ღილაკს თუ უნდოდა.
ყველაზე დიდი პრობლემაა BUTTON- ის ელემენტში, რომ ის ავტომატურად არ წარუდგენს ფორმას. ეს იმას ნიშნავს, რომ საჭიროა გარკვეული ტიპის სცენარი გააქტიურება. ასე რომ, ეს ნაკლებად ხელმისაწვდომია, ვიდრე INPUT მეთოდი. ნებისმიერი მომხმარებელი, რომელსაც არ აქვს JavaScript ჩართული, ვეღარ წარმოადგინოს ფორმა მხოლოდ BUTTON ელემენტის წარდგენისთვის.
გამოიყენეთ BUTTON მეთოდი ფორმებზე, რომლებიც არ არის კრიტიკული. ასევე, ეს არის დიდი გზა, რომ დაამატოთ დამატებითი წარდგენის პარამეტრები ერთი ფორმით.
ეს სტატია არის HTML ფორმების ტერმინალი . წაიკითხე მეტი, თუ როგორ გამოიყენოთ HTML ფორმები