როგორ დავწეროთ საძიებო სტრიქონი html-ში. ჩამოსაშლელი საძიებო ველი

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

ამ გაკვეთილზე თქვენ შეისწავლით, თუ როგორ უნდა შექმნათ მარკირება საძიებო ველისთვის HTML5-ის გამოყენებით, ასევე როგორ შექმნათ სტილის ელემენტები CSS3-ის სიმძლავრის გამოყენებით სკრიპტების გამოყენების გარეშე.

1. HTML მარკირება

ელემენტი

არის საძიებო ფორმის კონტეინერი, საძიებო ველი იქმნება ელემენტის გამოყენებით ან და სერვერზე მონაცემების გაგზავნის ღილაკი შეიძლება შეიქმნას ელემენტის გამოყენებით ან
* (ყუთის ზომა: სასაზღვრო ყუთი;) ფორმა ( პოზიცია: შედარებითი; სიგანე: 300 პიქსელი; ზღვარი: 0 ავტომატური; ) შეყვანა (სიგანე: 100%; სიმაღლე: 42 პიქსელი; ბალიშები-მარცხნივ: 10 პიქსელი; კონტური: 2 პიქსელი მყარი #7BA7AB ; საზღვრის რადიუსი: 5 პიქსელი; მონახაზი: არცერთი; ფონი: #F9F0DA; ფერი: #9E9C9C; ) ღილაკი (პოზიცია: აბსოლუტური; ზედა: 0; მარჯვნივ: 0 პიქსელი; სიგანე: 42 პიქსელი; სიმაღლე: 42 პიქს; კონტური: არცერთი; ფონი: #7BA7AB; საზღვრის რადიუსი: 0 5px 5px 0; კურსორი: მაჩვენებელი; ) ღილაკი: ადრე ( შინაარსი: "\f002"; შრიფტის ოჯახი: FontAwesome; შრიფტის ზომა: 16 პიქსელი; ფერი: #F9F0DA; )

3. საძიებო ველი შიგნით ღილაკით

* (ყუთის ზომა: საზღვრის-ყუთი;) ფორმა ( პოზიცია: ფარდობითი; სიგანე: 300 პიქსელი; ზღვარი: 0 ავტომატური; ) შეყვანა, ღილაკი ( საზღვარი: არცერთი; მონახაზი: არცერთი; საზღვრის რადიუსი: 3 პიქს; ) შეყვანა ( სიგანე: 100%; სიმაღლე: 42 პიქსელი; ფონი: #F9F0DA; ბალიშის მარცხნივ: 15 პიქსელი; ) ღილაკი (სიმაღლე: 26 პიქსელი; სიგანე: 26 პიქსელი; პოზიცია: აბსოლუტური; ზედა: 8 პიქსელი; მარჯვნივ: 8 პიქსელი; ფონი: #F15B42; კურსორი: მაჩვენებელი; ) ღილაკი: ადრე ( შინაარსი: "\f105"; შრიფტი-ოჯახი: FontAwesome; ფერი: #F9F0DA; შრიფტის ზომა: 20 პიქსელი; შრიფტის წონა: თამამი; )

4. საძიებო ველი "ბინის" სტილში

* (ყუთის ზომა: საზღვრები-ყუთი;) ფორმა (პოზიცია: შედარებითი; სიგანე: 300 პიქსელი; ზღვარი: 0 ავტო; ფონი: #A3D0C3; ) შეყვანა, ღილაკი (საზღვარი: არცერთი; მონახაზი: არცერთი; ფონი: გამჭვირვალე; ) შეყვანა ( სიგანე: 100%; სიმაღლე: 42 პიქსელი; ბალიშები-მარცხნივ: 15 პიქსელი; ) ღილაკი ( სიმაღლე: 42 პიქსელი; სიგანე: 42 პიქსელი; პოზიცია: აბსოლუტური; ზედა: 0; მარჯვნივ: 0; კურსორი: მაჩვენებელი; ) ღილაკი: ადრე ( შინაარსი: "\f002"; შრიფტის ოჯახი: FontAwesome; შრიფტის ზომა: 16 პიქსელი; ფერი: #F9F0DA; )

5. საძიებო ველი სქელი ქვედა საზღვრით

* (ყუთის ზომა: სასაზღვრო-ყუთი;) ფორმა ( პოზიცია: შედარებითი; სიგანე: 300 პიქსელი; ზღვარი: 0 ავტომატური; ფონი: #F9F0DA; ქვედაბოლო: 4 პიქსელი მყარი #be290e; ) შეყვანა, ღილაკი (საზღვარი: არცერთი; მონახაზი : არცერთი; ფონი: გამჭვირვალე; ) შეყვანა ( სიგანე: 100%; სიმაღლე: 42 პიქსელი; ბალიშები მარცხნივ: 15 პიქსელი; ) ღილაკი ( სიმაღლე: 42 პიქსელი; სიგანე: 42 პიქსელი; პოზიცია: აბსოლუტური; ზედა: 0; მარჯვნივ: 0; კურსორი: მაჩვენებელი; ) ღილაკი: ადრე ( შინაარსი: "\f178"; შრიფტის ოჯახი: FontAwesome; შრიფტის ზომა: 20 პიქსელი; ფერი: #be290e; )

6. საძიებო ველი საზღვრების ფერის ცვალებადობით

* (ყუთის ზომა: სასაზღვრო ყუთი;) ფორმა ( პოზიცია: შედარებითი; სიგანე: 300 პიქსელი; ზღვარი: 0 ავტომატური; ) შეყვანა, ღილაკი (მოხაზულობა: არცერთი; ფონი: გამჭვირვალე; ) შეყვანა ( სიგანე: 100%; სიმაღლე: 42 პიქსელი ; padding-მარცხნივ: 15px; საზღვარი: 3px მყარი #F9F0DA; ) ღილაკი ( კონტური: არცერთი; სიმაღლე: 42px; სიგანე: 42px; პოზიცია: აბსოლუტური; ზედა: 0; მარჯვნივ: 0; კურსორი: მაჩვენებელი; ) ღილაკი: ადრე ( შინაარსი: "\f002"; შრიფტი-ოჯახი: FontAwesome; შრიფტის ზომა: 16 პიქსელი; ფერი: #F9F0DA; ) შეყვანა: ფოკუსი (საზღვრის ფერი: #311c24; )

7. მოცურების საძიებო ველი

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

* (ყუთის ზომა: საზღვრის ყუთი;) ფორმა ( პოზიცია: შედარებითი; სიგანე: 300 პიქსელი; ზღვარი: 0 ავტომატური; სიმაღლე: 42 პიქსელი; ) შეყვანა ( სიმაღლე: 42 პიქსელი; სიგანე: 0; ბალიშები: 0 42 პიქსელი 0 15 პიქსელი; კონტური: არცერთი; ქვედა საზღვარი: 2px მყარი გამჭვირვალე; მონახაზი: არცერთი; ფონი: გამჭვირვალე; გარდამავალი: 0,4s cubic-bezier(0, 0.8, 0, 1); პოზიცია: აბსოლუტური; ზედა: 0; მარჯვნივ: 0; z-ინდექსი : 2; ) შეყვანა: ფოკუსი ( სიგანე: 300 პიქსელი; z-ინდექსი: 1; საზღვრის ქვედა ნაწილი: 2 პიქსელი მყარი #F9F0DA; ) ღილაკი (ფონი: #683B4D; საზღვარი: არცერთი; სიმაღლე: 42 პიქსელი; სიგანე: 42 პიქსელი; პოზიცია: აბსოლუტური ; ზედა: 0; მარჯვნივ: 0; კურსორი: მაჩვენებელი; ) ღილაკი: ადრე ( შინაარსი: "\f002"; შრიფტის ოჯახი: FontAwesome; შრიფტის ზომა: 16 პიქსელი; ფერი: #F9F0DA; )

8. საძიებო ველის გაზრდა

* (ყუთის ზომა: სასაზღვრო ყუთი;) ფორმა ( სიგანე: ავტომატური; float: მარჯვნივ; ზღვარი-მარჯვნივ: 30 პიქსელი; ) შეყვანა (სიგანე: 250 პიქსელი; სიმაღლე: 42 პიქსელი; ბალიშები-მარცხნივ: 15 პიქსელი; საზღვრის რადიუსი: 42 პიქსელი; საზღვარი: 2px მყარი #324b4e; ფონი: #F9F0DA; მონახაზი: არცერთი; პოზიცია: შედარებითი; გარდამავალი: .3s წრფივი; ) შეყვანა:ფოკუსი (სიგანე: 300px; ) ღილაკი (სიგანე: 42px; სიმაღლე: 42px; ფონი: არცერთი; საზღვარი: არცერთი; პოზიცია: აბსოლუტური; ზედა: -2 პიქსელი; მარჯვნივ: 0; ) ღილაკი: ადრე (შიგთავსი: "\f002"; შრიფტი-ოჯახი: FontAwesome; ფერი: #324b4e; )

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

მიზანი

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

HTML მარკირება

ფორმა იყენებს HTML5. კოდი ძალიან მარტივია:

საძიებო ფორმის ნაგულისხმევი ხედის გადაყენება Webkit ბრაუზერებში

ნაგულისხმევად, Webkit ბრაუზერებში საძიებო ფორმა ასე გამოიყურება:

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

შეყვანა ( -webkit-appearance: textfield; -webkit-box-sizing: content-box; font-family: inherit; შრიფტის ზომა: 100%; ) შეყვანა::-webkit-search-decoration, შეყვანა::-webkit- ძებნა-გაუქმება-ღილაკი (ჩვენება: არცერთი;)

ჩვენი საძიებო ფორმის შექმნა

შეყვანის ველს ექნება რეგულარული სიგანე 55 პიქსელი და გაფართოვდება 130 პიქსამდე :focus მდგომარეობაში. გარდამავალი თვისება გამოიყენება ანიმაციისთვის, ხოლო box-shadow გამოიყენება ბზინვის ეფექტისთვის.

შეყვანა ( ფონი: #ededed url(img/search-icon.png) განუმეორებელი 9px ცენტრი; კონტური: მყარი 1px #cccc; padding: 9px 10px 9px 32px; სიგანე: 55px; /* ნაგულისხმევი სიგანე */ -webkit- კონტური -radius: 10em; -moz-border-radius: 10em; border-radius: 10em; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; ) input:focus ( სიგანე : 130 პიქსელი; /* სიგანე შეყვანის ფოკუსით */ ფონის ფერი: #fff; საზღვრის ფერი: #6dcff6; -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5); -moz-box- ჩრდილი: 0 0 5px rgba(109,207,246,.5); box-shadow: 0 0 5px rgba(109,207,246,.5); /* ბრწყინვალების ეფექტი */ )

მაგალითი B

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

#demo-b შეყვანა ( სიგანე: 15 პიქსელი; padding-მარცხნივ: 10 პიქსელი; ფერი: გამჭვირვალე; კურსორი: მაჩვენებელი; ) #demo-b შეყვანა: hover (ფონის ფერი: #fff; ) #demo-b შეყვანა: ფოკუსი ( სიგანე : 130 პიქსელი; შიგთავსი-მარცხნივ: 32 პიქსელი; ფერი: #000; ფონის ფერი: #fff; კურსორი: ავტომატური; )

ბრაუზერის თავსებადობა

აღწერილი მეთოდი მუშაობს ყველა მთავარ ბრაუზერში: Chrome, Firefox, Safari და IE8+. IE7 და უფრო ძველ ბრაუზერებში ფუნქციონირება არ მუშაობს :focus ფსევდოკლასის და საძიებო ველის ტიპის მხარდაჭერის არარსებობის გამო.

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

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

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

ძიების გაფართოებები Google Chrome-ისთვის

მოძებნეთ მიმდინარე საიტი

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

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

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

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

ალტერნატიული Google Search

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

მაგრამ Google ამ მხრივ უფრო ეგოისტურია - მის ძიების შედეგებში არ არის ნახსენები კონკურენტი საძიებო სისტემები. ამ სიტუაციის გამოსწორება შეგიძლიათ Google Chrome-ში Google Chrome-ის ალტერნატიული ძიების გაფართოების დანერგვით.

იმის ნაცვლად, რომ მუდმივად აკრიფოთ საკვანძო სიტყვის „ტორენტის“ დანართი ყოველ ჯერზე ტორენტ ტრეკერების ძიების შედეგების მისაღებად, უფრო ადვილია ამ მიზნებისთვის სპეციალური გაფართოების დაყენება TMS (Torrents MultiSearch).

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

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

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

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

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

კონტექსტის ძიება

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

გაფართოებას თავდაპირველად აქვს შესაძლებლობა მოძებნოს ყველაზე პოპულარული ტორენტ-ტრეკერი RuTracker, Wikipedia და მედია პორტალი Kinopoisk.Ru.


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

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

მოძებნეთ ოპერის გაფართოებები

მოძებნეთ საიტზე

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

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

ისევე, როგორც Google Chrome-ის Context Search გაფართოების შემთხვევაში, ახალი საძიებო სისტემის დასამატებლად, თქვენ უნდა შეიყვანოთ მისი URL-ის სტრიქონი.

ტორენტები MultiSearch

მსგავსი სურათების ძიება

მსგავსი სურათების ძიება დამატებით ბრძანებას ამატებს Opera ბრაუზერის კონტექსტურ მენიუში მსგავსი სურათების მოსაძებნად რამდენიმე საძიებო სისტემის გამოყენებით.

ან წარმოდგენილი იქნება პუბლიკაციების სია მსგავსი სურათებით.

მოძებნეთ გაფართოებები Mozilla Firefox-ისთვის

საიტის ძებნა

როგორც წინა ორ შემთხვევაში, ინტერნეტში ნებისმიერი საიტის ძიების სპეციალური გაფართოება ასევე არსებობს Mozilla Firefox ბრაუზერისთვის.

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

ნაგულისხმევი საძიებო სისტემის შეცვლა რეგულარული Mozilla Firefox-ის საძიებო ძიებისთვის გულისხმობს საძიებო სისტემის შეცვლას საიტებში ძიებისთვისაც.

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

ძიება byffox-ით

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

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

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

ამოიღეთ ჯვარი „გასუფთავება“ საძიებო ველში, რომელიც წაშლის ადრე აკრეფილ ტექსტს

როგორ მუშაობს საძიებო ფორმა საიტზე

უმარტივესი HTML კოდი

თუ აკრიფებთ "კითხვას" ველში და დააწკაპუნებთ ღილაკზე "ძებნა", გვერდის მისამართი შეიცვლება "http://site/2011/06/forma-poiska-po-saitu..html". ?text=კითხვა", ამგვარად ხდება ბმულზე დაწკაპუნებისას. როდესაც გვერდი იტვირთება, სკრიპტი ამოწმებს მოცემულს პარამეტრები URL-შიდა როდესაც ისინი იპოვიან, ის ქმნის და აჩვენებს საიტის ძიების შედეგებს.

სახელი = "ტექსტი">

მაგრამ დოკუმენტის ჩატვირთვის სიჩქარის გაზრდის მიზნით, სკრიპტი, რომელიც ამუშავებს მოთხოვნას, ჩვეულებრივ, განთავსებულია საიტის მხოლოდ ერთ გვერდზე, რომელიც გადამისამართდება, თუ მისი მისამართი დაიწერება action ატრიბუტში: ” http://site/search/?text=კითხვა.

action="http://site/search/">

იმისათვის, რომ სკრიპტმა იმუშაოს, შეიძლება საჭირო გახდეს დამატებითი პარამეტრები, რომლებიც მითითებულია . ეს ველი არ არის ნაჩვენები. searchid=808327&text=კითხვა.

გახსენით ფორმის შედეგი ახალ ჩანართში სამიზნე ატრიბუტი

target="_blank">

სად შემიძლია მივიღო საიტის საძიებო სკრიპტი?

Შენ შეგიძლია გამოიყენო

უმარტივესი ვარიანტია მოთხოვნის გადამისამართება Google-ზე:

ღილაკის ტექსტი: "ძებნა", "ძებნა", "ძებნა"

მოტივაციური სიტყვებიდან „იპოვე“ აქვს სრულყოფილი ფორმა და გულისხმობს, რომ ძიების შედეგი აუცილებლად დადებითი იქნება.

ᲓᲐᲙᲐᲕᲨᲘᲠᲔᲑᲣᲚᲘ ᲡᲢᲐᲢᲘᲔᲑᲘ