მოსანიშნი ველს შეიძლება ჰქონდეს მხოლოდ ორი მდგომარეობა: მონიშნული და მოხსნილი. მათ შეიძლება ჰქონდეთ ნებისმიერი მნიშვნელობა, მაგრამ ფორმის გაგზავნისას ან გაიარეთ იგი (შემოწმებული მდგომარეობა) ან არ გაიარეთ (მონიშნული მდგომარეობა). ნაგულისხმევი მდგომარეობა არ არის მონიშნული. HTML-ში შეგიძლიათ აკონტროლოთ ჩამრთველი ასეთი:
ვიზუალურად, მოსანიშნი ველს შეიძლება ჰქონდეს სამი მდგომარეობა: მონიშნული, მონიშნული და განუსაზღვრელი. ისინი შეიძლება ასე გამოიყურებოდეს:
რამდენიმე შენიშვნა მოსანიშნი ველების შესახებ:
თქვენ არ შეგიძლიათ HTML-ში ჩამრთველის ველს განუსაზღვრელი გახადოთ.არანაირი განსაკუთრებული ატრიბუტი. მიუხედავად იმისა, რომ არსებობს საკონტროლო ველის თვისება, რომელიც შეიძლება შეიცვალოს JavaScript-ში:
Var checkbox = document.getElementById("some-checkbox"); checkbox.indeterminate = true;
ან jQuery-ში:
$("#some-checkbox").prop("indeterminate", true); // jQuery 1.6+-ში დანერგილი საყრდენი
განუსაზღვრელი მდგომარეობა მხოლოდ ვიზუალური ეფექტია.მოსანიშნი ველი ჯერ კიდევ მონიშნულ მდგომარეობაშია ან არ არის მონიშნული. ეს ნიშნავს, რომ ვიზუალური განუსაზღვრელი მდგომარეობა ფარავს ჩამრთველის რეალურ მდგომარეობას.
ისევე, როგორც თავად ჩამრთველი, მისი განუსაზღვრელი მდგომარეობა განსხვავებულად გამოიყურება სხვადასხვა ბრაუზერში.აქ არის მაგალითი Opera 11.50-ში Mac-ზე:
და რატომ არის ეს საჭირო?
პროექტების შემუშავებისას ხშირად ჩნდება საკონტროლო ველის სტრუქტურის საჭიროება. თითოეულ ჩამრთველ ველს შეიძლება ჰქონდეს ჩამრთველი შთამომავლები. თუ ყველა შთამომავალი ჩამრთველი მონიშნულია, მაშინ მშობლის ჩამრთველი ასევე შეიძლება მონიშნული იყოს. თუ მემკვიდრე არ არის მონიშნული, მაშინ მშობელი არ არის მარკირებული. მაგრამ თუ ერთი მემკვიდრე მაინც არის შემოწმებული, მაშინ მშობლის ჩამრთველი არის განუსაზღვრელ მდგომარეობაში (რაც შეიძლება ნიშნავს „ნაწილობრივ შემოწმებულს“).
ნიმუშის კოდი არ არის იდეალური - მხოლოდ ერთი დონე შემოწმდება განუსაზღვრელი მდგომარეობის შესატანად.
თქვენ ასევე შეგიძლიათ მოაწყოთ გადართვა მდგომარეობებს შორის, როდესაც დააწკაპუნებთ მაუსის ღილაკზე მოსანიშნი ველზე:
Var $check = $("input"), el; $check .data("შემოწმებული",0) .click(function(e) ( el = $(this); switch(el.data("შემოწმებულია")) ( // შეუმოწმებელი მდგომარეობა, გადადით განუსაზღვრელ შემთხვევაზე 0: el .data("შემოწმებული",1.el.prop("indeterminate",true // განუსაზღვრელი მდგომარეობა, გადადით მონიშნულ შემთხვევაზე 1: el.data("el.prop("); el.prop("შემოწმებულია",true ; "შემოწმებული", ყალბი);
ვაგრძელებ სტატიების სერიას ინტერფეისის ელემენტების გაუმჯობესების შესახებ. ამჯერად ჩვენი ჯერია ვისაუბროთ საკონტროლო ველებზე. ახლა თქვენ შეგიძლიათ მიიღოთ.
მოსანიშნი ველები
მოსანიშნი ველები თავდაპირველად შეიქმნა როგორც ჯგუფის შერჩევის ელემენტები. იმათ. გამიზნული იყო ელემენტების ჯგუფის დანიშვნა მათთან შემდგომი ჯგუფური მოქმედებებისთვის.
Gmail-ში არის კარგი და რეალური ყუთები
ყუთების გამოყენების მაგალითია ნებისმიერი თანამედროვე ფოსტის ინტერფეისი. რამდენიმე ასოს მონიშვნის შემდეგ, შეგიძლიათ, მაგალითად, წაშალოთ ისინი.
პრობლემები და გადაწყვეტილებები მოსანიშნი ველების გამოყენებისას
მოდით შევხედოთ მთავარ პრობლემებს, რომლებსაც ვხვდები საკონტროლო ველების გამოყენებისას და რა შეიძლება გაკეთდეს ამ პრობლემების შესახებ.
ორობითი მდგომარეობების მოსანიშნი ველების გამოყენება
ხშირად ჩამრთველი გამოიყენება ორ სხვადასხვა ვარიანტს შორის ასარჩევად. მაგალითად, მე ვნახე ასეთი ჩამრთველი ერთ ონლაინ მაღაზიაში.
ეს ჩამრთველი არაფერს ხსნის. გაურკვეველია მიწოდება იქნება ფოსტით თუ მომიწევს თუ არა შესაძენად წასვლა. ამ შემთხვევაში ბევრად უფრო ლოგიკური იქნებოდა რადიო ღილაკის გამოყენება სასურველი ვარიანტის ასარჩევად. მოდით ხელახლა გავაკეთოთ.
ახლა ყველაფერი გაცილებით ნათელი გახდა
მოსანიშნი ველების გამოყენება ოფციების ჩასართავად
ხშირად ვიყენებ ჩამრთველებს იმის საჩვენებლად, ჩართულია თუ გამორთული. რაც მე ვფიქრობ, რომ არ არის ძალიან სწორი.
მოსანიშნი ველები არ არის ღილაკები. ეს არის ელემენტები, რომლებიც განკუთვნილია ჯგუფური ოპერაციებისთვის. მონიშვნის ველზე დაწკაპუნებამ არ უნდა გამოიწვიოს რაიმე ქმედება. ფერის მითითება იდეალურია სიიდან ჩართული და გამორთული ვარიანტების ვიზუალურად ამოსაცნობად.
ზემოთ მოყვანილ მაგალითში, თქვენ აირჩევთ რამდენიმე ვარიანტს და დააწკაპუნეთ ღილაკს Apply. ეს ვარიანტი ეფექტურია, მაგრამ არა ძალიან მოსახერხებელი. Რა უნდა ვქნა? მე გთავაზობთ ამ გადაწყვეტას:
ოფციის ჩართვა კლიენტის ერთ-ერთ პროექტში
აქ ნათლად შეგიძლიათ იხილოთ ვარიანტის სტატუსი (ჩართულია თუ არა). ჩამრთველი მაშინვე ჩანს და მოგვარებულია კიდევ ერთი პრობლემა, რაზეც მოგვიანებით ვისაუბრებთ. მსგავსი გადამრთველი მოვიდა iPhone-ის ინტერფეისიდან და არის მარტივი ჩამრთველის ღირსეული ანალოგი.
მცირე დაწკაპუნებადი ფართობის ზომა
ფიტსის კანონის თანახმად, რაც უფრო პატარაა ელემენტი, მით უფრო რთულია მისი გამოყენება. ეს პრობლემა შეიძლება შეინიშნოს არა მხოლოდ საკონტროლო ველებში. ეს არის მრავალი კონტროლის ერთ-ერთი მთავარი პრობლემა.
მცირე საკონტროლო ნიშნის დამიზნება ან დარტყმა ადვილი არ არის. მაშინაც კი, თუ მთელ არეალს ტექსტთან ერთად დააწკაპუნებთ, მომხმარებლები გააგრძელებენ კონკრეტულად ნიშნულზე დამიზნებას.
რა არის გამოსავალი და ტექნიკა?
ამგვარად ნაჩვენებია დაწკაპუნებადი ტერიტორია.
მოსანიშნი ველის ღილაკი ვებსაიტზე Ostrovok.ru
დაწკაპუნების არეალის გაზრდით.
მონიშვნის ველი ერთ-ერთი კლიენტის პროექტზე
3. ჩართეთ ყუთი რადიოს ღილაკად.ამაზე დავწერე ზემოთ.
"აირჩიე ყველა" და "ამოშალე ყველა"
დიდი რაოდენობით ჩამრთველი ველებთან მუშაობის მოხერხებულობისთვის, ინტერფეისს უნდა ჰქონდეს ოფციები "აირჩიე ყველა ჩამრთველი" და "გაარჩიე ყველა ჩამრთველი". წინააღმდეგ შემთხვევაში, ასეთ ინტერფეისთან მუშაობა ძალიან დამღლელი და შრომატევადი გახდება. წარმოიდგინეთ, რომ თქვენ უნდა აირჩიოთ მინიმუმ 10 ელემენტი სიაში არსებული 12-დან. ამის გაკეთება ბევრად უფრო ადვილია ყველაფრის არჩევით და არასაჭირო ვარიანტების მოხსნით.
დასკვნები
მოსანიშნი ველები თავდაპირველად შეიქმნა როგორც ჯგუფის შერჩევის ინსტრუმენტები. და თქვენ არ უნდა გამოიყენოთ ისინი სხვა რამისთვის თავდაპირველ ფორმაში. თუმცა, გარკვეული რეგულირებით და მარტივი რეკომენდაციების დაცვით, ისინი შეიძლება გადაიქცეს მოსახერხებელ ინსტრუმენტად თქვენი მომხმარებლისთვის.
წინა და მომდევნო ეპიზოდებში
- . რატომ არ უნდა იქნას გამოყენებული. და თუ გამოიყენება, როგორ?
- . მარტივი არჩევანი არჩევანის გარეშე.
- . როგორ უნდა მუშაობდეს შეყვანის ველები მონაცემთა სხვადასხვა ტიპებთან.
ვებსაიტების, ვებ აპლიკაციებისა და დესკტოპის პროგრამების ყველა დეველოპერმა იცის რა არის მოსანიშნი ველები. მაგრამ ის ხალხი, ვინც შორს არის პროგრამირებისგან, ხვდება ასეთ გაუგებარ უცხო სიტყვას, ვერ ხვდება რაზე ვსაუბრობთ. სინამდვილეში, ყველაფერი ძალიან მარტივია. ჩამრთველი არის ერთ-ერთი უმარტივესი კონტროლი ფორმების შექმნისას.
რეგულარული გამშვები ნიშანი
ყველა ადამიანს სკოლიდან დაწყებული ცხოვრებაში შეხვდა ისეთი სიმბოლოები, როგორიცაა გამშვები ნიშანი. ტესტირებისას ამ ნიშნით უნდა მონიშნოთ სწორი ვარიანტი. შემდეგ სხვადასხვა კითხვარების შევსებისას. ისე, ახლანდელ დროში, როდესაც მომხმარებლები ასრულებენ ბევრ მოქმედებას ინტერნეტის საშუალებით, აბსოლუტურად არსად არის ტკიპების გარეშე. ნებისმიერ საიტზე უმარტივესი რეგისტრაციაც კი მოითხოვს, რომ მონიშნოთ რამდენიმე ველი (ჰობი, უნარები).
ინტერნეტ კომერცია ასევე განვითარებულია. შეკვეთის შექმნისას მომხმარებელი აღნიშნავს მისთვის საინტერესო ნივთებს. და ხშირად, კომპიუტერული თამაშის დაყენებისას, გთხოვენ აირჩიოთ დამატებითი პროგრამული უზრუნველყოფა. და აქაც თქვენ უნდა გააკეთოთ არჩევანი. მაშ ასე, ჩამრთველი არის იგივე საკონტროლო ნიშნები, რომლებიც გამოიყენება ვებ გვერდებზე.
ვებსაიტის შექმნისას
ვებსაიტების დეველოპერები ამ ელემენტს უფრო ფართოდ ხედავენ. ყოველივე ამის შემდეგ, შექმნა უფრო რთულია, ვიდრე უბრალოდ კვადრატზე ერთხელ დაწკაპუნება და ყუთის შემოწმება. ვებსაიტები შემუშავებულია ჰიპერტექსტის მარკირების ენის გამოყენებით, რომელსაც პროფესიულ გარემოში მხოლოდ ოთხ ასოს უწოდებენ - HTML. და იმისათვის, რომ შექმნათ მასში გამშვები ნიშანი, თქვენ უნდა დაწეროთ კოდი.
როგორ იქმნება საკონტროლო ველები? HTML-ს აქვს სპეციალიზებული ელემენტი (ტეგი), რომელიც არის ველი დაჯილდოებული საკონტროლო ველის ტიპით, რომელიც იწერება შემდეგნაირად: .
ოპერაციული პრინციპები
ეს ელემენტი მუშაობს უმარტივესი პრინციპის მიხედვით: ან დადასტურება ან უარყოფა. თუ ველი მონიშნულია, ვებ-ბრაუზერი აგზავნის ცვლადს, რომელიც ველის სახელს გადასცემს სერვერს დასამუშავებლად, მაგრამ თუ ველი არ არის მონიშნული, სერვერი არაფერს მიიღებს. ელემენტს აქვს არასავალდებულო ატრიბუტი მნიშვნელობის მნიშვნელობით, მაგრამ ის არჩევითია.
ზოგჯერ ისეც ხდება, რომ გვერდზე რამდენიმე ველი უკვე მონიშნულია. ამისათვის, დეველოპერები ამატებენ ტეგს სპეციალურ ატრიბუტს, რომელიც მიუთითებს ჩამრთველ ველზე, რომელიც უკვე ნაგულისხმევად არის მონიშნული. ეს არის შემოწმებული ატრიბუტი, ანუ "შემოწმებული".
ჩამრთველი არის ელემენტები, რომლებიც გულისხმობს არა ერთ არჩევანს რამდენიმე ვარიანტიდან, არამედ ყველა შესაფერისის მარკირებას. დეველოპერისთვის ამას აქვს მნიშვნელობა, რადგან თუ ერთი ფორმა შეიცავს რამდენიმე ჩეკ ველს, მათი სახელები უნდა განსხვავდებოდეს ერთმანეთისგან.
დამოკიდებული მოსანიშნი ველები
იმ შემთხვევაში, როდესაც კომპლექტიდან მხოლოდ ერთი ვარიანტის არჩევა გჭირდებათ, გამოიყენება სხვა ელემენტები - რადიო ღილაკები და არა ჩამრთველი. მაგრამ ზოგჯერ გამოიყენება ისეთი ტიპი, როგორიცაა დამოკიდებული ჩამრთველი. HTML, JavaScript პროგრამირების ენასთან ერთად, საშუალებას გაძლევთ შექმნათ ერთი მთავარი ჩამრთველი, რომელზეც დანარჩენი დამოკიდებულია. მასზე დაწკაპუნებისას შესაძლებელია რამდენიმე ველის ერთდროულად შემოწმება. ეს იშვიათად გამოიყენება, რადგან ის გარკვეულწილად ეწინააღმდეგება უჯრების შემოწმების წესს.
HTML-ში ყველა ტეგის მსგავსად, ჩამრთველი არის ელემენტები, რომლებსაც აქვთ საკუთარი მახასიათებლები. Რა არიან ისინი? ჩამრთველის წინასწარი შემოწმების ატრიბუტი უკვე აღინიშნა ზემოთ - მონიშნულია. იმის გამო, რომ საკონტროლო ველებს უნდა ჰქონდეს განსხვავებული სახელები ერთ ფორმაში, საჭიროა სახელის ატრიბუტი. ის უბრალოდ განსაზღვრავს თითოეულ ინდივიდუალურ ჩამრთველ ველს. იმისათვის, რომ დააყენოთ მნიშვნელობა, რომელიც გაიგზავნება სერვერზე, გამოიყენეთ value ატრიბუტი.
აღსანიშნავია, რომ ჩამრთველი არის გრაფიკული კონტროლი, რომელიც ძირითადად გამოიყენება ფორმებში. და ისინი მუშაობენ სამ რეჟიმში: არჩეული, არჩეული და განუსაზღვრელი.
გამოიყენეთ ცხრილებში
მოსანიშნი ველები გამოიყენება არა მხოლოდ HTML-ში ვებსაიტების და ვებ აპლიკაციების შემუშავებისას. პროგრამული უზრუნველყოფა, როგორიცაა 1C, ასევე იყენებს ამ ელემენტს. ყოველივე ამის შემდეგ, საწარმოს აქვს მრავალი განსხვავებული კომპონენტი და დოკუმენტაციასთან მუშაობისას, ეს ყველაფერი უნდა აღინიშნოს. მაგალითად, მონიშვნის ველის გამოყენებით, შეგიძლიათ მონიშნოთ საწყობის მარაგების ან მომხმარებლების სია, რომლებისთვისაც გჭირდებათ საქონლის გაგზავნა.
რა სხვა პროგრამები იყენებს ამ ელემენტს? Excel - ყველამ იცის Microsoft-ის ელცხრილების ეს პროგრამა, რომელიც ხშირად არის აქ ჩამრთველის მუშაობის პრინციპი: თუ ჩანიშნული ველი მონიშნულია, მაშინ ელემენტი აბრუნებს ნამდვილ მნიშვნელობას, თუ არ არის მონიშნული, აბრუნებს ცრუ მნიშვნელობას. დოკუმენტში ჩასაწერი ველის ჩასართავად, თქვენ უნდა ჩართოთ სპეციალური ჩანართი დეველოპერისთვის. ეს კეთდება პარამეტრების საშუალებით, რომლებიც ოდნავ განსხვავდება Excel-ის თითოეულ ვერსიაში.
როგორ მოვძებნო საჭირო პარამეტრები? ყოველთვის არის დახმარება ან საძიებო სისტემა. ჩანართის ჩართვის შემდეგ, შეგიძლიათ ელემენტის ჩასმა „Controls“ ელემენტის „Insert“ ბრძანების მეშვეობით. აქ უნდა აღინიშნოს, რომ ეს მენიუ ასევე შეიცავს ActiveX კონტროლს, რომელიც მდებარეობს საჭირო ფორმის ელემენტების ქვემოთ. იქ ასევე არის ჩამრთველი. რა განსხვავებაა მათ შორის? ActiveX კონტროლის გამოსაყენებლად გჭირდებათ ჩაშენებული VBA პროგრამირების ენა, რომელიც ცოტამ თუ იცის. და ჩვეულებრივი ჩამრთველი შეიძლება დაუყოვნებლივ დაუკავშირდეს დოკუმენტის კონკრეტულ უჯრედს.
მას შემდეგ რაც ჩამწერი ველები ჩასმულია Excel-ში, ისინი მონიშნული ხდება ნაგულისხმევად. დოკუმენტის ნებისმიერ ადგილას დაწკაპუნება ხსნის ნიშანს. შერჩევის შესაცვლელად, თქვენ უნდა დააჭიროთ მაუსის მარჯვენა ღილაკით ჩამრთველ ველს, რადგან მარცხენა ღილაკი აშორებს ან ამოწმებს ჩანიშნულ ველს.
მონიშვნის ველზე დაჭერით და მარცხენა ღილაკის დაჭერით, შეგიძლიათ ელემენტის გადატანა დოკუმენტის ნებისმიერ ადგილას. ასევე მოსახერხებელია ამის გაკეთება კლავიატურაზე არსებული კლავიშების გამოყენებით. როდესაც ელემენტის კუთხეებს აფარებთ, შეგიძლიათ გაჭიმოთ ის უფრო დიდ ზომებამდე ან უფრო პატარა გახადოთ. სპეციალური პარამეტრები საშუალებას გაძლევთ დააკონფიგურიროთ ველი მისი ფერის, ფონის და ჩარჩოს შეცვლით.
დასკვნა
ასე რომ, როგორც ზემოაღნიშნულიდან ჩანს, ყუთები არ არის გრაფიკული ინტერფეისის რთული ელემენტი, არამედ ის, რასაც ყველას ხვდება ყოველდღიურ ცხოვრებაში - ჩვეულებრივი ტიკი. კონცეფცია ოდნავ განსხვავებულია პროგრამისტისთვის და ჩვეულებრივი მომხმარებლისთვის, მაგრამ არსი იგივეა: ეს არის საკონტროლო ელემენტი, რომელიც საშუალებას გაძლევთ გააკეთოთ მრავალი არჩევანი ფორმის შევსებისას. მნიშვნელოვანია, რომ არ ავურიოთ საკონტროლო ველები რადიო ღილაკებთან, რაც საშუალებას გაძლევთ აირჩიოთ მხოლოდ ერთი ელემენტი მრავალიდან.
ვებ აპლიკაციების, ვებსაიტების და დესკტოპის პროგრამების შემქმნელებმა უნდა იცოდნენ, რა არის მოსანიშნი ველები. მაგრამ მომხმარებლები, რომლებიც შორს არიან პროგრამირებისგან, ხვდებიან ამ გაუგებარ უცხო სიტყვას, ხშირად არ ესმით მისი მნიშვნელობა. სინამდვილეში, ყველაფერი საკმაოდ მარტივია. ჩამრთველი უმარტივესი საკონტროლო ელემენტია ფორმების შექმნისას.
ჩამრთველი: რეგულარული მონიშვნა
რა თქმა უნდა, თითოეულ ჩვენგანს ცხოვრებაში შეხვედრია ისეთი სიმბოლო, როგორიცაა ტკიპა. ეს აღნიშვნა სკოლიდან დაწყებული ჩვენთვის ნაცნობი უნდა იყოს. ეს ნიშანი აღნიშნავს სწორ პასუხს ტესტირების დროს. საკონტროლო ველები ასევე გამოიყენება სხვადასხვა ფორმის შევსებისას. დღეს, როდესაც მომხმარებლები ინტერნეტის საშუალებით ბევრ მოქმედებას ასრულებენ, ტკიპების გარეშე გაქცევა არ არის. ნებისმიერ საიტზე რეგისტრაციის უმარტივესი პროცედურაც კი მოითხოვს გარკვეული პუნქტების შემოწმებას. დღეს ონლაინ კომერცია უფრო განვითარებულია, ვიდრე ოდესმე. შეკვეთის შექმნისას მომხმარებელს შეუძლია მონიშნოს მხოლოდ ის ნივთები, რომლებიც მას განსაკუთრებით აინტერესებს. ძალიან ხშირად, კომპიუტერული თამაშების დაყენებისას, მომხმარებელს სთხოვენ შეარჩიოს დამატებითი პროგრამული უზრუნველყოფა. ამ შემთხვევაში არჩევანის გაკეთებაც მოგიწევთ. ასე რომ, საკონტროლო ველები არის ზუსტად იგივე ნიშნები, რომლებიც გამოიყენება ვებ გვერდებზე.
სანიშნეების გამოყენება ვებსაიტების შექმნისას
ვებსაიტების დეველოპერები ამ ელემენტს უფრო ფართოდ ხედავენ. ყოველივე ამის შემდეგ, მისი შექმნა ბევრად უფრო რთულია, ვიდრე უბრალოდ კვადრატზე დაწკაპუნება. ვებსაიტები შემუშავებულია ჰიპერტექსტის მარკირების ენის გამოყენებით. პროფესიულ გარემოში ამ ენას HTML ჰქვია. ამ ენაზე ასეთი ჩამრთველის შესაქმნელად, თქვენ უნდა დაწეროთ კოდი. როგორ იქმნება ჩექმები რეალურად? HTML არის სპეციალიზებული ელემენტი, რომელიც არის ველი ჩამრთველი ტიპის. ასე წერია:
ჩამრთველი: მოქმედების პრინციპი
ეს ელემენტი მუშაობს საკმაოდ მარტივ პრინციპზე: ან უარყოფა ან დადასტურება. თუ ველი მონიშნულია, ბრაუზერი გაუგზავნის ცვლადს, რომელიც ველის სახელს სერვერზე გადასცემს დასამუშავებლად. თუ ჩამრთველი არ არის მონიშნული, სერვერი არაფერს მიიღებს. ამ ელემენტს აქვს ატრიბუტი, რომელსაც აქვს მნიშვნელობის მნიშვნელობა. ეს ატრიბუტი არჩევითია. დეველოპერები ამატებენ ტეგს სპეციალურ ატრიბუტს, რომელიც მიუთითებს, რომ ჩამრთველი ნაგულისხმევად არის მონიშნული. ამ ატრიბუტს ეწოდება checked, რაც ინგლისურად ნიშნავს "შემოწმებულს".
ისეთი ელემენტები, როგორიცაა საკონტროლო ველები, არ გულისხმობს რამდენიმე ვარიანტის ერთ არჩევანს, არამედ ყველა შესაფერისის მარკირებას. ეს მნიშვნელოვანია დეველოპერისთვის, რადგან თუ ფორმა შეიცავს რამდენიმე საკონტროლო ველს, მაშინ მათი სახელები უნდა განსხვავდებოდეს ერთმანეთისგან.
დამოკიდებული მოსანიშნი ველები
თუ თქვენ გჭირდებათ მხოლოდ ერთი ვარიანტის არჩევა მრავალი წარმოდგენილიდან, შეგიძლიათ გამოიყენოთ სხვა ელემენტები, როგორიცაა რადიო ღილაკები. ზოგიერთ შემთხვევაში გამოიყენება ისეთი ტიპი, როგორიცაა დამოკიდებული ჩამრთველი. JavaScript პროგრამირების ენასთან ერთად, HTML გაძლევთ საშუალებას შექმნათ ერთი მთავარი ჩამრთველი, რომელზეც ყველა დანარჩენი დამოკიდებული იქნება. ამ ელემენტზე დაწკაპუნებისას, შესაძლებელია რამდენიმე ველის ერთდროულად შემოწმება. ეს საკმაოდ იშვიათად გამოიყენება, რადგან ეს ეწინააღმდეგება საკონტროლო ყუთების წესს, ისევე როგორც სხვა ტეგებს HTML-ში, აქვთ საკუთარი მახასიათებლები. რა შეიძლება იყვნენ ისინი? ჩვენ უკვე განვიხილეთ მონიშნული ველის წინასწარ მონიშვნის ატრიბუტი. იმის გამო, რომ საკონტროლო ველებს უნდა ჰქონდეს განსხვავებული სახელები იმავე ფორმაზე, საჭიროა სახელის ატრიბუტი. ეს არის ეს ატრიბუტი, რომელიც განსაზღვრავს თითოეულ ჩამრთველს ინდივიდუალურად. მნიშვნელობის დასაყენებლად, რომელიც გაიგზავნება სერვერზე, უნდა გამოიყენოთ მნიშვნელობის ატრიბუტი. უნდა აღინიშნოს, რომ ყუთები არის გრაფიკული კონტროლი, რომლებიც ძირითადად გამოიყენება სხვადასხვა ფორმით. ისინი მუშაობენ სამ რეჟიმში: შერჩეული, ამორჩეული და განუსაზღვრელი.
გამოიყენეთ ცხრილებში
ისეთი ელემენტი, როგორიცაა „შემშვები ყუთი“ შეიძლება გამოყენებულ იქნას არა მხოლოდ HTML-ში ვებ აპლიკაციებისა და ვებსაიტების შემუშავებისას. ეს ელემენტი ასევე გამოიყენება პროგრამულ უზრუნველყოფაში, მაგალითად, 1C პროგრამებში. საწარმოში ბევრი სხვადასხვა კომპონენტია და დოკუმენტაციასთან მუშაობისას აუცილებელია ამ ყველაფრის აღნიშვნა. მაგალითად, ჩამრთველის გამოყენებით შეგიძლიათ მონიშნოთ მომხმარებელთა სია ან საწყობის მარაგების სია. რა სხვა პროგრამებში შეიძლება ამ ელემენტის გამოყენება? ყველამ იცის Microsoft-ის Excel პროგრამა, რომელიც ხშირად გამოიყენება 1C-ის ალტერნატივად. აქ ამ ჩამრთველის მოქმედების პრინციპი ასეთია: თუ ჩანიშნული ველი მონიშნულია, მაშინ ეს ელემენტი აბრუნებს ნამდვილ მნიშვნელობას. თუ მონიშნული ველი არ არის მონიშნული, მაშინ ეს ელემენტი აბრუნებს ცრუ მნიშვნელობას. დოკუმენტში მოსანიშნი ველის ჩასართავად, თქვენ უნდა ჩართოთ სპეციალური ჩანართი დეველოპერისთვის. ეს შეიძლება გაკეთდეს პარამეტრების გამოყენებით, რომლებიც განსხვავდება Excel-ის თითოეულ ვერსიაში.
როგორ შეგიძლიათ იპოვოთ თქვენთვის საჭირო პარამეტრები? ამ მიზნით, ყოველთვის შეგიძლიათ გამოიყენოთ საძიებო სისტემა ან დახმარება. როდესაც ეს ჩანართი ჩართულია, შეგიძლიათ ამ ელემენტის ჩასმა ბრძანების "ჩასმა" "Controls" პუნქტიდან. აქ ყურადღება უნდა მიაქციოთ იმ ფაქტს, რომ მენიუ ასევე შეიცავს ActiveX ელემენტებს, რომლებიც განთავსებულია საჭირო ფორმის ელემენტების ქვეშ. აქ ასევე არის მოსანიშნი ველები. რა განსხვავებაა ActiveX კონტროლის გამოსაყენებლად, საჭიროა ჩაშენებული VBA პროგრამირების ენა, რომელიც ცოტამ თუ იცის? ჩვეულებრივი საკონტროლო ველები შეიძლება პირდაპირ დაუკავშირდეს დოკუმენტის კონკრეტულ უჯრედს. Excel-ში ყველა ჩამრთველი ველის შემოწმების შემდეგ, ისინი ნაგულისხმევად შემოწმებული გახდება. თუ დააწკაპუნებთ დოკუმენტში სადმე, გამშვები ნიშანი წაიშლება. საპირისპირო შერჩევის შესასრულებლად, თქვენ უნდა დააჭიროთ მაუსის მარჯვენა ღილაკს დროშაზე. მარცხენა ღილაკი მოხსნის ნიშანს ან აყენებს გამშვებ ნიშანს.
შეყვანის ველი საშუალებას გაძლევთ მიუთითოთ მნიშვნელობა კლავიატურის გამოყენებით.
როდის გამოვიყენოთ
გამოიყენეთ შეყვანის ველი მოკლე ტექსტისთვის ან რიცხვითი მნიშვნელობებისთვის პროგნოზირებადი ფორმატის გარეშე.
HTML5-ში შეყვანის ველი შეიძლება იყოს სხვადასხვა ტიპის - ფერი, თარიღი, ელფოსტა, პაროლი, ტექსტი, url და ა.შ. კონტურის სერვისებში გამოიყენეთ მხოლოდ ტექსტის და პაროლის ტიპები. დანარჩენი ტიპები ან არ არის მხარდაჭერილი ძირითადი ბრაუზერების მიერ, ან გვთავაზობენ ცუდ ინტერფეისს და ვალიდაციას, რომელიც განსხვავდება ჩვენი დიზაინისგან.
სახელი
ველის სახელი იწერება დიდი ასოებით.
მიმართეთ შეყვანის ველს, როგორც არსებითი სახელი, რომელიც მიუთითებს იმაზე, თუ რა გსურთ შეიყვანოთ. მოერიდეთ სათაურში სიტყვებს „თქვენი“, „შეიყვანეთ“ და მსგავსი - მათ აზრი არ აქვთ.
არ დადოთ ორწერტილი სათაურის შემდეგ: ამის გარეშე ყველაფერი ნათელია, ეს მხოლოდ დამატებით ვიზუალურ ხმაურს ქმნის.
სამუშაოს აღწერა
ადგილის დამჭერი
თუ სახელიდან არ ჩანს, თუ როგორ უნდა შეავსოთ ველი, გამოიყენეთ ჩანაცვლების ველი - მინიშნება, რომელიც ნაჩვენებია ველის შიგნით, სანამ ის არ შეივსება.
Placeholder (ინგლისურიდან placeholder) არის ადგილი. სინონიმი „წყლიანი ნიშანი“ ხშირად გამოიყენება, მაგრამ ჩანაცვლების ადგილი უფრო სწორი სახელია, რადგან ემთხვევა შეყვანის და textarea ტეგების შესაბამის ატრიბუტს.
როდესაც ველი იღებს ფოკუსს, ადგილის დამჭერი უფრო მსუბუქი ხდება და ქრება პირველი სიმბოლოს შეყვანისას.
ადგილის დამფუძნებელმა არ უნდა მოგთხოვოთ ველში კონკრეტული მნიშვნელობის შეყვანა.
თუ ველი გამოითვლება და თქვენ გამოთვალეთ მნიშვნელობა, გამოიყენეთ ავტო ველი:
თუ მიიღებთ მნიშვნელობას, წინასწარ შეავსეთ ველი, მომხმარებელი შეძლებს მის რედაქტირებას:
თქვენ შეგიძლიათ მოათავსოთ ველის სახელი ჩანაცვლების ველში გამონაკლის შემთხვევებში: როცა სივრცის დაზოგვა გჭირდებათ, ან ველის დანიშნულება აშკარაა:
არ გამოიყენოთ ჩანაცვლების დამცავი ველების სახელების დასაზუსტებლად მთელ ფორმაში. დასრულების შემდეგ, ეს ფორმა ხდება "ბრმა":
მოედნის გასუფთავება
თუ მომხმარებელს ხშირად სჭირდება ველის გასუფთავება და ახალი მნიშვნელობის შეყვანა, ამისათვის გამოიყენეთ სპეციალური ჯვრის ღილაკი.
ჯვარი ნაჩვენებია ველში მინიმუმ 1 სიმბოლოს შეყვანისას. ჯვარი ნაჩვენებია მაშინაც კი, როცა ფოკუსი მოედნის გარეთაა.
ჯვარზე დაწკაპუნებისას ფოკუსი მიდის ველზე, შეყვანილი მნიშვნელობა იშლება:
დაწკაპუნებადი არე სიმაღლით უდრის შეყვანის ველს და 28 პიქსს სიგანეში:
Internet Explorer 10 ხაზავს საკუთარ ჯვარს ნებისმიერი შეყვანის ველისთვის ფოკუსით. იმისათვის, რომ ეს ჯვარი არ გადაფარდეს ჩვენს ხატს, უნდა დავამატოთ სტილი:
ზომა და ადგილმდებარეობა
შეყვანის ველი, ღილაკის მსგავსად, შეიძლება იყოს სამი ზომის. გამოიყენეთ საშუალო და დიდი შეყვანის ველები, თუ ეს არის მთავარი კონტროლი გვერდზე. მაგალითად, საძიებო ველი დირექტორიაში. ყველაზე დიდ ველებში, შრიფტის ზომაა 16 პიქსელი.
ველის სათაური უნდა იყოს გასწორებული ველში ტექსტის საწყის ხაზთან:
ველის სიგანე შეესაბამებოდეს შეყვანილი მნიშვნელობის სიგანეს. ეს ეუბნება მომხმარებელს რა მნიშვნელობას ელოდება მისგან და ეხმარება მომხმარებელს დარწმუნდეს, რომ მან სწორად შეავსო ველი.
