Html ღილაკი სიით ფორმის გაგზავნისთვის, რომელიც არის vipadaє. HTML ფორმის ელემენტები - სია, vipadaє (არჩევა, ოფცია, optgroup tags), textarea, ასევე ლეიბლი, ველების ნაკრები და ლეგენდა. Optgroup tag ატრიბუტები
უმარტივესი vipadaє HTML-ში, ადვილია შერჩეული ტეგის ჩასმა. Tse tag-კონტეინერი, ოფციონის ტეგები შედის ახალში - სუნი თავად აყენებს ნივთებს სიაში.
Є სიების რიგი ოფციები, რომლებიც შეგიძლიათ დაათვალიეროთ დამატებითი შერჩეული ტეგისთვის: სია (ვარიანტები მთავარ ველზე დაწკაპუნებაზე ან ახალ კურსორზე გადასატანად) і მრავალი არჩევანის სია - ახალ სიაში შეგიძლიათ ვიბრაცია. რიგი ნივთები. უპირველეს ყოვლისა, სუნი თანამედროვე საიტების ნავიგაციის მნიშვნელოვანი ელემენტია. მრავალჯერადი არჩევანის სია შეგიძლიათ ნახოთ, მაგალითად, კატალოგებში, აუცილებელია პროდუქტის მახასიათებლების სიის ვიბრაცია.
ზმინავთი zovnishniy viglyadხოლო სიების ავტორიტეტი შესაძლებელია დამატებითი უნივერსალური და სპეციალური ატრიბუტებისთვის.
აირჩიეთ ტეგის ატრიბუტები
1. მრავალჯერადი - მრავალჯერადი ვიბრაციის დაყენება.
2. ზომა - დააყენეთ სიაში ხილული რიგების რაოდენობა, სიმაღლეზე. და აქ ყველაფერი მდგომარეობს მრავალჯერადი ატრიბუტის არსებობაში. თუ ასეა, თუ ზომას არ აკონკრეტებთ, მაშინ თუ რამდენიმე კორისტუვაჩი აშკარაა, დაამარცხეთ ყველა ხელმისაწვდომი ვარიანტებია vibor, თუ რამდენიმე ხედია, მაშინ გამოჩნდება მხოლოდ ერთი მწკრივი და მათი წაკითხვა შეგიძლიათ, თუ ლიფტის ხატულას დაინახავთ. მარჯვენა მხარე... თუ ზომა დაყენებულია და თუ თქვენ ნაკლებია ვიდრე ვარიანტების რაოდენობა, მაშინ მარჯვნივ იქნება სწრაფი გადახვევა.
3. სახელი - im'ya. სია, რომლის გამოყენებაც შესაძლებელია ახლის გარეშე, შეიძლება საჭირო გახდეს სერვერზე პროგრამის ნიმუშთან ურთიერთქმედებისთვის. როგორც წესი, მე ერთი და იგივეს ვამბობ.
არჩევის ტეგს არ აქვს რაიმე სავალდებულო ატრიბუტი ოფციონის ტეგის ჩვენებაზე.
ჩადგმული ოფციონის ტეგის ატრიბუტები
- არჩეულია - სიის პუნქტის მნიშვნელობები. Koristuvach-ს შეუძლია ნახოს ერთზე მეტი ელემენტი, თუ დავალებები მრავალჯერადი ატრიბუტია (div. Vishche).
- ღირებულება - ღირებულება. Tsey ატრიბუტი არის obovyzkovy. ვებ სერვერი არის დამნაშავე ამ საკითხში, რადგან თავად vibrav koristuvach-ის სია პუნქტუირებულია.
- ლეიბლი. დამატებითი ატრიბუტისთვის, შეგიძლიათ დააჩქაროთ სხვა ელემენტები სიებში. მაგალითად, „მილანი“ იქნება ეკრანზე, რათა ჩაანაცვლოს ვარიანტი „მილანი ლომბარდიის ადმინისტრაციული ცენტრია. პივნიციალური იტალია". ეს ატრიბუტი ასევე გამარჯვებულია სიაში ელემენტების დაჯგუფებისთვის.
თუ სიის სიგანე მეტისმეტად ფართოა, მაშინ სიტყვებს დაუდგეხართ სიაში ყველაზე ფართო ტექსტის შინაარსის მიხედვით. გარდა ამისა, სიგანე შეიძლება შეიცვალოს დამატებითი HTML სტილისთვის.
სხვადასხვა გზების სია
იოგოს გაკეთება შესაძლებელია CSS დახმარება, მაგალითად, სია გამოჩნდება, როდესაც კურსორი გვერდის ელემენტზე იქნება გადატანილი. მინდა ვნახო JavaScript-ზე სიების დახურვის შესაძლებლობები, რობოტისთვის ვკითხავ Jquery ბიბლიოთეკას. დამატებითი ბიბლიოთეკის კავშირების სია, scho vipadaє, შეიძლება იყოს დასაკეციც კი, მაგალითად, კასკადური. ასე რომ, როდესაც ირჩევთ ნივთს ერთ სიაში, არის შეურაცხმყოფელი სია, მაგალითად, მენიუს პუნქტი "ბავშვის ტანსაცმელი" ვერხნი ოდიაგი», Vipadaє ნივთების სია: ქურთუკები, პარკები, ქურთუკები, პივპქურთები, ბეწვის ქურთუკები და ა.შ.
ჩვენ გადავაჭარბეთ ძირითად მეთოდებს, რომელთა დახმარებითაც შეგიძლიათ გააფართოვოთ სია, რომლის ნახვაც შეგიძლიათ. Zrozumіlo, є ბევრი ნიუანსი და JavaScript-ში, რაც საშუალებას გაძლევთ შეცვალოთ ფუნქციები და გამოიძახოთ სიების სია.
თქვენ შეგიძლიათ ნახოთ ელემენტები თქვენს სტატისტიკაში, რომლებიც საშუალებას გაძლევთ გახსნათ სიები, როგორ გახსნათ ჯგუფის სახით ამ სიებში, შეგიძლიათ იხილოთ ის წერტილოვანი სიის სახით და ნავიგაცია სიების ჯგუფში, შეგიძლიათ ისწავლოთ ბევრი რამ. ელემენტების დახმარებით, შეგიძლიათ HTML ფორმები (ელემენტ
გარდა ამისა, ჩვენ შევცვალეთ შუა ფორმის ღილაკი, რომელიც ემსახურება ფორმის (ელემენტ ღილაკით აკრიფეთ "submit form": type = "submit").
ჩვენი დუნდულების შედეგი:
ზღაპარი ტექსტის ზონისთვის
ასე რომ, თქვენ შეგიძლიათ ნახოთ კონდახის დასკვნა და გადახვიდეთ მატარებლის სტატისტიკის პრაქტიკულ ჩამოყალიბებაზე.
ატრიბუტი (HTML ტეგი
ნაჩვენებია მინიშნების ტექსტი, თუ კორისტუვაჩი შეიყვანს მნიშვნელობას (იქნება ეს სიმბოლო) ტექსტის ველში, თუ ამას გააკეთებთ, მაშინ მინიშნება კვლავ გამოჩნდება.
vikoristannya-ს ხილული კონდახი:
type = "submit" name = "submitInfo" value = "(! LANG :(! LANG: გაგზავნა" > !}!}
რეგიონის ორი ტექსტი (ელემენტი
პატივს ვცემ მათ, ვისაც აქვს ტექსტური ველი ხელმისაწვდომი მხოლოდ წასაკითხად, მაგრამ ამავე დროს მისი შეცვლა შეუძლებელია;
გარდა ამისა, ჩვენ შევცვალეთ შუა ფორმის ღილაკი, რომელიც ემსახურება ფორმის (ელემენტ ღილაკით აკრიფეთ "submit form": type = "submit").
ჩვენი დუნდულების შედეგი:
კვება და პერსონალი თემის მიხედვით
სანამ ტიმ იაკს, გადადით vyvchennya-ზე დაწყებისას, გაიარეთ პრაქტიკული დავალება:
- Vikoristovuchi otrimanі znannya stashіtnu მოდის ვაკანსიების განაწილების ფორმა:
ჯერ გადადით ფინალურ ეტაპზე, გახსენით კონდახი ახალ ფანჯარაში და პატივისცემით შეხედეთ ფორმას, შემდეგ გაიმეორეთ ყველა მომენტი. vikonannya zavdannya-სთვის დაგჭირდებათ ცოდნა და სტატისტიკა. თუ გამოტოვეთ її, მაშინ შემობრუნდით її wivchennya-სთვის.
თუ სწორის დანახვა გსურთ, შეამოწმეთ შებრუნების კოდი მარაგის გახსნით okremomu vіknі, Schob perekonatysya, scho თქვენ ყველაფერი სწორად გააფუჭეთ.
სია, მაგრამ vipadaє HTML-ში შეიძლება გაფართოვდეს დამატებითი ტეგის მიღმა აირჩიეთ... Крім vipadaє (აბო "ღია") სიაში, ტეგი აირჩიეთსაშუალებას გაძლევთ შექმნათ სიის ელემენტი მრავალჯერადი არჩევანით. ვიქტორიანული ტეგის სინტაქსი აირჩიეთ HTML viglyadє პირველი რანგი:
აქ თეგის უკან დახმარება ვარიანტიდააყენეთ ელემენტები სიაში.
შეწოვის შედეგი:
ელექტრონიკა სიროიჟკინი ჩიჟიკოვი კუკუშკინა
აირჩიეთ ტეგის ატრიბუტები
თეგის ატრიბუტები ჩანს აირჩიეთ:
- სახელი
- ზომა- სიაში ნაჩვენები სტრიქონების რაოდენობა (ნომერი);
- მრავალჯერადი- ჩართავს სიაში ელემენტების მრავალჯერადი შერჩევის ფუნქციას;
- ინვალიდი- ელემენტზე წვდომის დაბლოკვა;
- ფორმა- საშუალებას გაძლევთ დაურეკოთ ვიპადას ფორმით (შეგიძლიათ გააკეთოთ ეს, რადგან თავად სია არის პოზის სახით, რომელშიც თქვენ ხართ დამნაშავე). არგუმენტი გადაეცემა ფორმის id-ს.
Mabut, ტეგის ყველა ძირითადი ატრიბუტი აირჩიეთ, ეს ყველაზე ხშირი მოადგილეა. ახლა ჩვენ გაგვიკვირდება, შედეგად, HTML-ში, ატრიბუტის მნიშვნელობების ვალიდაციის შედეგად:
OPTION ტეგის ატრიბუტები
ტეგი ვარიანტი, იაკმა უკვე იგულისხმა, რომელიც საშუალებას გაძლევთ დაამატოთ ქალიშვილის ელემენტები სიაში აირჩიეთიაკი, საკუთარ გულში, კონტეინერის როლი გახდა. ტეგი ვარიანტი maє vlasn_ ატრიბუტები:
- ინვალიდი- ღობეს დავაყენებ სიაში მოცემული ელემენტის ვიბრაციაზე;
- ეტიკეტი- ნაკადის ელემენტის ტეგის სიაში დაყენების საშუალებას (შეცვალეთ ნაშრომში მითითებული ტექსტი, აჩვენეთ ტეგის მნიშვნელობა, რაც იძლევა მნიშვნელობის სიჩქარის საშუალებას); Uvaga: ატრიბუტი არ იკითხება Firefox ბრაუზერში
- შერჩეული- სიის ზუსტი პუნქტი იქნება ვიბრაციები umovchannyam-ისთვის;
- ღირებულება- მნიშვნელობა, რომელიც გაიგზავნება სერვერზე;
მაინტერესებს victoristannya ტეგის ვარიანტის გაფართოებები ვარიანტი:
იხილეთ შედეგი დამიზნების კონდახით იქნება შემდეგი რანგი:
Pan Elektronik Syroizhkin Chizhikov Kukushkina
ადგილზე კონსტრუქტორები "ნუბექსი" dovіlnі ფორმებიფორმის კონსტრუქტორის მოდულის დახმარების უკან. სიცოცხლისუნარიანი სიების რობოტი "Nubex"-ში აღწერილია სტატიაში:
ჩემს ბლოგში ყველა მკითხველს ვესტუმრები. დღეს მე მოგცემთ შეტყობინებას, თუ როგორ არის საჭირო რობოტები html vipadє-ში, ასეთი ტეგები და ატრიბუტები, რომ იყვნენ გამარჯვებული და ასევე ნებისმიერი მიზნისთვის, რაც შეიძლება იცოდეთ.
აირჩიეთ ტეგი და დატოვეთ სია
ასევე, სიას html-ში მოჰყვება წყვილი შერჩეული ტეგი, რომელშიც მოთავსებულია დაწყვილებული ოფციონის ტეგები. თავად მათში ჩაწერილია ყველა ვარიანტი, როგორც ეს იქნება შეთავაზებული სიაზე დაწკაპუნებისას. კონდახი:
Vibe არსება
ამავდროულად, მათ, ვინც ნაჩვენებია ეკრანსა და ოფციონის მრუდი ნაწილს შორის, თქვენ უნდა დაუკრათ ეკრანზე და მნიშვნელობა, რომელიც გამოჩნდება მნიშვნელობის ატრიბუტებში, გაიგზავნება სერვერზე ან გადაიხედება დამატებითის მიხედვით. სკრიპტი.
html-ში სია შეიძლება იყოს ძალიან მარტივი და მრავალარჩევანი. თუ გსურთ დაამატოთ ცარიელი მრავალჯერადი ატრიბუტი, თქვენ უნდა დაამატოთ ცარიელი მრავალჯერადი ატრიბუტი ასარჩევად. Schob ვიბრაცია მნიშვნელობა, სრულყოფილი ctrlდა ჭედური ღილაკი.
დარიჩინის პირველი ატრიბუტი ზომაა. Wien გაძლევთ საშუალებას აირჩიოთ, რიგების რიგები გამოჩნდება სიაში.
სხვა ატრიბუტი გამორთულია. სია მიუწვდომელია წერტილების შეტევისა და შეხედვისთვის, მაგრამ ამავე დროს ის ჩანს გვერდით.
საჭიროა - html5 ატრიბუტი. როდესაც არის ამოცანები, ფორმა არ გაიგზავნება სიიდან შერჩევის გარეშე. Zagalom, vin staє სავალდებულოა ვიბორისთვის. ყველა ბრაუზერს არ აქვს ერთი და იგივე ატრიბუტი.
ვარიანტის ტეგის ატრიბუტები
ვლასნე, აირჩიეთ სიაში არსებული ნივთების კონტეინერი, სუნი თავად იკითხება დამატებითი ოფციონის ტეგის უკან. nyogo є პარამეტრის მნიშვნელობაში, როგორც უკვე იყო s'yasuvali, ale krіm tsih є y іnshі. მაგალითად:
გამორთულია - გამორთეთ ელემენტი სიაში, რომელიც მიუწვდომელია შერჩევისთვის. მისი ვიზუალიზაცია შეუძლებელია, მაგრამ მასზე დაწკაპუნება შეუძლებელია.
არჩეულია - ნივთი გამოისყიდება ანაზღაურებისთვის. ფიქსირებული სიისთვის მნიშვნელობის გარეშე ატრიბუტის დაყენება შესაძლებელია მხოლოდ ერთი ელემენტით, ბევრისთვის - დაწკაპუნებით.
დაზუსტება უფრო მნიშვნელოვანია სწორი რობოტისთვის
თუ შერჩევის შედეგი დაგჭირდებათ სერვერზე გაგზავნა ან სკრიპტების საშუალებით დამუშავება, მაშინ უნდა ჩაწეროთ Select ფორმაში, რათა არ იყოს შეწყალება. სიაში მარჯვნივ არის სია, რომელიც შეიძლება ერთად გაიხსნას ზედიზედ, რაც თავისთავად არის ფორმის ერთ-ერთი ელემენტი.
აირჩიე რა არის საჭირო
დამიძახეთ ღვინო, შესაძლოა დროულად, თუ თქვენ ეწვიეთ თქვენს ვებსაიტს რესტავრაციისთვის, ან გსურთ გამოცდილების ჩატარება. ელემენტი არ არის საკმარისი - ის ისეთივე კარგია, როგორც css-ის მეშვეობით.
შემოთავაზებების უკან ცისფერი ჩარჩო ჩნდება, როდესაც სიას აჭერთ, იგივე ფერი ჩანს სიის წერტილებზე, კურსორის ბორცვებზე. დაჭერისას ჩარჩო არ ჩანდა, რადგან ის იმავე ფერში ჩანდა, შეგიძლიათ დაწეროთ შემდეგი სელექტორი:
აირჩიეთ: ფოკუსირება (
მონახაზი: 1px მყარი ნარინჯისფერი;
}
ახლა ჩარჩო იქნება ნარინჯისფერი.
ოპცია ასევე შეიძლება იყოს სტილიზებული, ალე ღერძი, წერტილის თავზე გადასვლისას ფონი ცისფერი ხდება და სტილი არ იცვლება.
ვარიანტი (
ფერი: ყავისფერი;
ფონი: აკვა;
}
გამოსვლამდე იქნებ შენგან ვიცოდე, ნიშანივით ფონის ფერი css-ის საშუალებით ერთეულზე დგომისას?
Axis, vasne, დატოვეთ і ყველა ტეგით აირჩიეთ і yogo stasosuvannya. ნებისმიერი დამატებითი შესაძლებლობებიარ გადავიდა html-ში ახლისთვის. მასთან ყველა ოპერაცია შეიძლება შესრულდეს javascript-ის და php-ის დახმარებით. მაგალითად, თუ თქვენ გჭირდებათ სიის გახსნა ხალხური მუსიკის არჩევისთვის და შეიძლება იყოს 80-100 ახალი ვარიანტი, არ ჩააბარებთ მათ?
იაკრაზი მთლიანობაში და აუცილებელია პროგრამის არჩევა, მაგრამ თავად ციკლი. კარგი, კარგი, ესეც іnshoi-ს განვითარების თემაა, მაგრამ მიმდინარე წლისთვის არის მთელი ინფორმაცია, როგორც მინდა გნახო. თქვენ შეგიძლიათ გაიგოთ მეტი ძირითადი ტეგების შესახებ html-ში.
გესტუმრებით, წავიკითხე ბლოგის საიტი. დღეს მინდა ვისაუბრო ტაკაზე, როგორიცაა HTML ფორმა. როგორიც არ უნდა იყოს თქვენი საიტის ძრავა (cms) არ იქნება, ახალ საფუძველზე ის იქნება იგივე ფორმით, დამატებითი ტეგების უკან Form and Input, ასევე ატრიბუტები და პარამეტრები Button, Checked, Value, Checkbox, Radio, მონიშვნის ველი, გაგზავნა.
ისე, ჯერ კიდევ შესაძლებელია მთლიანი ელემენტის დამატება ჩამოსაშლელი სიებისა და ტექსტური ველების გასახსნელად - Select, Option, Textarea, Label, Fieldset, Legend.
ახლა თქვენ გჭირდებათ და როგორ გამოიყენოთ იგი სხვა ვებსაიტებზე
ხუმრობის იგივე რიგი საიტზე () მიდის cich ტეგების სიაში, მაგრამ თქვენს პროექტზე ხუმრობა იქნება obov'yazkovo. გარდა ამისა, მიზეზი ის არის, რომ, რადგან სუნი ვაშტოვანი და პრაციუიუტია, არ გიბიძგებთ დიზაინზე წარმატებული რობოტის დაწყებას, ამიტომ თვითგახვევისა და გაშვების შემთხვევაში არ ვიზრუნებთ.
ასე რომ, ამ ელემენტების გაცოცხლების აუცილებლობის გამო, ვფიქრობ, რომ ამაში საკვების ბრალი აღარ არის და ზუსტად ის საათი გადის უღიმღამო დროის გარეშე ყველა ახალგაზრდა ვარიანტის გაცოცხლებამდე.
ასე რომ, მე მინდა გავაკეთო მეტი ნაგადატი, მაგრამ ჩვენ უკვე მოვიყვანეთ ბევრი მასალა მოძრავი ჰიპერტექსტის დიზაინის თემაზე, მაგალითად, სამი) ი.
საკუთარი სუტატისთვის, ფორმა ინახება ელემენტებით, ძირითადი კონტეინერის შუა ნაწილის გასახსნელად Form tags-დან, ჩადეთ ტეგები - Checked, Value, Checkbox, Radio, Checkbox, Submit და In. ჩვენ არ გვჭირდება roztashuvati її კოდი ნებისმიერ ვებსაიტის შაბლონში, რომელიც მოსახერხებელია მთელი mіsci შაბლონისთვის, დამატებით ტეგებისა და ატრიბუტების დამატებით, რადგან დამნაშავე იქნებით.
შეიძლება არსებობდეს ტექსტური ველი ღილაკით შეყვანილი კვების წყაროს რედაქტირებისთვის, არჩევანის არჩევანი რადიო ღილაკით (თუ შეგიძლიათ ამ ღილაკებიდან მხოლოდ ერთის გადაწერა), რამდენიმე ტექსტური ველი რედაქტირების ღილაკით () და ცოტა მეტისმეტად.
მაგალითად, "ხუმრობის" შემთხვევაში, Value ატრიბუტის დამატებითი მნიშვნელობისთვის შეგიძლიათ დააყენოთ, მაგრამ ის თავად ჩაიწერება დაფესვიანების ბრძანების ღილაკზე დენის წყაროში შესვლის ველით. დანი ყოფილ იაკიმოსში ბრალის ბუტის სახით უნდა შევიდეს დაშლის წოდებით.
მაგალითად, ზოგჯერ ზარის რეკვაკორისტუვაჩ, იმისათვის, რომ დაიმახსოვროთ ველი თქვენი საკუთარი სახელებისთვის, შეიყვანეთ თქვენი ელ. ფოსტა და შეტყობინების ტექსტი და შემდეგ დააწკაპუნეთ ღილაკზე გაგზავნა, შეიძლება გქონდეთ უფლება ფორმიდან მონაცემები წარადგინოთ ელ.ფოსტაზე. საიტის ავტორის. Alle realizuvati ასევე ერთი მოვლის დამატებითი ჩამორთმევით და ჰიპერტექსტის დიზაინით (), სამწუხაროდ, ეს შეუძლებელია.
ამ მიზნებისთვის საჭირო იქნება სპეციალური პროგრამის შემოწმება, რადგან ჩვენ ვაგზავნით შემოტევას განახლების ღილაკზე დაწკაპუნებით ყველა მონაცემზე ზარის მელოდიის ველებიდან და ვუგზავნით მას მფლობელის ელ.ფოსტის რესურსზე. თავად პროგრამისთვის ის შეწყვეტს, დაადანაშაულეთ საკუთარი თავი დამატებითი მოქმედების ატრიბუტში.
დაასახელეთ პროგრამა თქვენთვის სკრიპტის დასამუშავებლად, PHP-ით წერით. ამასთან, Form ტეგის Action ატრიბუტებში, თქვენ დამნაშავე იქნებით სკრიპტის ფაილის გზის რეგისტრაციაში, რომელიც შეინახება თქვენი ჰოსტინგის სერვერზე. იაკის კონდახს დავუმიზნებ RSS ხაზიჩემი ბლოგი სხვაგან ელ.ფოსტა:
Crumbs nezumilo, მელოდიური, უნდა აშენდეს cob, მაგრამ, ვფიქრობ, ყველაფერი ნათელი გახდება მსოფლიოში სხვა სახის განვითარების.
ფორმა და შეყვანის ტეგები ღილაკებისთვის, ველებისა და რადიო ღილაკებისთვის
Be-yak ფორმა დამნაშავეა, მაგრამ ის დაწყობილია іdkrivaє და zakryvaє ტეგებში ფორმა... Tse უფასო კონტეინერი їkh ღეროსთვის. ამ ტეგს აქვს რამდენიმე სავალდებულო და არჩევითი სავალდებულო ატრიბუტი:
- სახელი - უნიკალური სახელი Html ფაილი, ალბათ არ გინდათ იყოთ, თუ ცოტა ვებფორმები გაქვთ
- მოქმედება - სავალდებულო ატრიბუტი დაადგენს გზას სკრიპტისკენ, რომელიც გადაეცემა მისგან მონაცემებს შემდგომი დამუშავებისთვის
- მეთოდი - დამატებითი დახმარებისთვის შეგიძლიათ შეცვალოთ მონაცემების გადაცემის მეთოდი ვებფორმიდან სკრიპტზე ნიმუშის ფაილში. თუ ამას არ ჩადებთ, მაშინ ცვლილებისთვის გამარჯვებული იქნება Get მეთოდი, რომელიც, როგორც ჩანს, არ არის მთავარი მნიშვნელობა ზამთრისა და მოკლე შემთხვევებისთვის და მანამდე. გამჭვირვალე გზითმონაცემთა გადაცემა ბრაუზერის მისამართის რიგის მეშვეობით. ამ ფორმების ობობნიკის სკრიპტზე გადასატანად ყველაფერი უფრო ლამაზია, ვიდრე ვიკორისტოვუვატი. POST მეთოდი, მნიშვნელობები სპეციალურად ტექსტური შეტყობინებების დახურული გზით გადაცემისთვის
ტეგები ადვილად გასაგებია, ასე რომ თქვენ შეგიძლიათ შექმნათ მოქნილი ვებფორმები. Samiy უნივერსალური - ცე შეყვანა... შუაში აუცილებელია დანიშნოს Type ატრიბუტი, რომელიც არის თავად HTML ფორმის ტიპი და იკეცება დამატებითი ტეგის უკან.
Input and Type-ის დახმარებით შეგიძლიათ გახსნათ შემდეგი ელემენტები:
- ერთი რიგის ტექსტის ველები (ტიპი = "ტექსტი")
- პაროლის შეყვანის ველები (ტიპი = "პაროლი")
- ჩამრთველი (ტიპი = "შემშვები ველი")
- რადიო ღილაკები (ტიპი = "რადიო")
- ფარული ველები (ტიპი = "დამალული")
- სპეციალური ღილაკები (ტიპი = "ღილაკი")
- ღილაკები მონაცემების სემპლერისთვის გაგზავნისთვის (ტიპი = "გაგზავნა")
- ღილაკები ვებფორმების მოსატანად ვიხიდის ბანაკი(ტიპი = "გადატვირთვა")
- ველები ფაილების სერვერზე ატვირთვისთვის (ტიპი = "ფაილი)
- სურათის ღილაკები (ტიპი = "სურათი")
შენატანი არასწორი თეგია. როგორც კი წარმოიდგენთ თავად ვებ ფორმას, ის დაყენებულია დამატებითი, ზოგადად, და უფრო მეტიც, მე ჩამოვთვლი Type ატრიბუტებში მითითებულ ერთ-ერთ პარამეტრს. თუ ტიპი არ არის მითითებული, მაშინ ტექსტის ველი დაყენდება ცვლილებისთვის.
მიამაგრეთ ფორმები, რომლებიც იკეცება Input-ზე Type-ისთვის განსხვავებული მნიშვნელობებით
Input tag-ის სხვა ატრიბუტები არის კონდახი და vicoristannya
ადვილად გასაგები, რისთვისაც საჭიროა ატრიბუტები:
- სახელი - დროდადრო, თუ ინსტრუქციები სკრიპტში უნდა გაიგზავნოს სემპლერის პროგრამებით, მაშინ უნდა იყოს მითითებული Name ატრიბუტის პარამეტრები. დღის დასაწყისიდან, ფორმიდან, ინფორმაციის მიმოხილვის პროგრამაში იქნება ფიგურები.
- ზომა - დამატებითი დახმარებისთვის დააყენეთ ჩაშლილი ვებფორმის ველის ზომა. მნიშვნელობა შეიძლება მოიძებნოს უამრავ სიმბოლოში, რადგან ამ ველში შეგიძლიათ მოთავსდეთ. თუ ზომა არ არის მითითებული, მაშინ სიგანე მიიღება 24 სიმბოლოზე
- Maxlength - სიმბოლოების რაოდენობისთვის, რომლებიც შეიძლება შევიდეს Html ფორმაში, არ არის მიმაგრებული, ან დამატებითი Maxlength-ისთვის შესაძლებელია მისი მინიჭება. მეტი სიმბოლო, ნაკლები ახალში, ეს ნიშნავს, რომ თქვენ არ შეხვალთ ველში
- მნიშვნელობა - შეგიძლიათ მოითხოვოთ დამატებითი დახმარება, მაგრამ ის თავად დაიწერება ველში შემოთავაზებებისთვის, ან მონაცემების განახლების ღილაკებზე
- მონიშნული არის საერთო ატრიბუტი, რომელიც შეიძლება ჩასვათ შეყვანაში რადიო ღილაკებისთვის ან ჩამრთველი ველებისთვის. რადიოს ღილაკი ეძლევა მრავალფეროვან ვარიანტს, ან ჩამრთველი იქნება აქტიური, როდესაც გვერდები დაიბლოკება ვებ-ფორმით (მათში ასევე იქნება გამშვები ნიშანი)
ახლა ვნახოთ ყველაფერი კონდახის ჩამოყალიბების შეყვანა... ტექსტის ველის ამჟამინდელი ხედი პაროლის შეყვანის ველის ხედის მსგავსია, შესაძლებელია მხოლოდ ტექსტის ჩანაწერის ვერსიის ნახვა, მაგალითად, შეგიძლიათ შეიყვანოთ ელ.ფოსტის მისამართი:
ახლა ვნახოთ ვებფორმის გახსნა რადიო ღილაკიდან (რადიო):
Beast პატივისცემით, რადგან ამ ფორმით ორჯერ იმარჯვებს შეყვანის ტეგი - ერთხელ ორი რადიო ღილაკის კანის გასახსნელად. უფრო მეტიც, მათი რეცეპტების კანში, Name ატრიბუტს აქვს იგივე მნიშვნელობები (rezultat), ხოლო Value მნიშვნელობა განსხვავებულია (YES і NO).
ცე ნიშნავს, რომ პროცესის დასაწყისში, ნებისმიერი სახის ცვლილების არჩევის შემთხვევაში, იქნება ცვლილება, რომლის სახელწოდებაც გაწერილია სახელში, მაგრამ ცვლილების მნიშვნელობა იქნება. ნაპოვნია ამაში, რაც თავისთავად არის ტუმბოს ცვლილება.
ვებფორმის ჩამკეტის კონდახი ჩანს მოსანიშნი ველებით:
მოსანიშნი ველები გამოჩნდება რადიოს ღილაკებიდან და შეგიძლიათ რაც შეიძლება მეტი ვარიანტის ვიბრაცია. სახელი გამოიყენება ნიმუშის ფაილის მნიშვნელობისთვის, რომელშიც ჩანიშნული ველი თავად არის ჩასმული და Value არის მნიშვნელობა, რომელიც იგზავნება ნიმუშზე (თუ ამოცანების მნიშვნელობა არ გაიგზავნება, მაშინ ნიმუშში იქნება ტექსტი რედაქტირება, შეკვეთების შეკვეთა საკონტროლო ველის მონაცემებით).
აირჩიეთ, Option, Textarea, Label, Fieldset, Legend - ტექსტის არეებისა და ვებფორმების ელემენტების სიები
კობისთვის მინდა მივიღო ნაგადათი, მაგრამ ასევე, ვლასნე, ვებფორმები და ვისთვის არის საჭირო სუნი საიტის გვერდებზე. სუნი პირველ რიგში, დააწკაპუნეთ ხელში corystuvach-ისთვის, რათა ის ნათლად გაიმეოროთ ელემენტების ნებისმიერ ოპერაციულ სისტემაში: ღილაკები, ტექსტის შეყვანის ველები, ასევე სიები, ორდერები, რემიქსები და სხვა წარდგინებები.
ყველა კორისტუვაჩი ელემენტების ნიშნის მნიშვნელობის დამატებითი ახსნის გარეშე და თუ დააჭირეთ Html ფორმის ღილაკს, მაშინ მიზეზი ის არის, რომ მასზე დაჭერა სჭირდება.
უფრო მეტიც, ყველა საწყობი და ელემენტი (Selection, Option, Textarea, Label, Fieldset, Legend) უკვე დასრულებული ბლანკებია (კონტეინერები), ასეთი ნივთების ჩასართავად საჭირო იქნება საჭირო ტეგის ამოღება საჭირო ატრიბუტებითა და პარამეტრებით.
ბრაუზერებმა თავად იციან, როგორ გამოიტანონ ეს ვებფორმის ელემენტი. მართალია, ერთი და იგივე ელემენტის გამოსახულების ვარიანტები სხვა ბრაუზერებიშეიძლება იყოს სამი რამ, ერთი სახის ერთი, თუმცა, როგორც წესი, არა სუტა.
მათ შორის შედით ვებფორმაში Html-ში და სცადეთ კლავიშების გადატანა ელემენტები, როგორ გავხდეთ გამარჯვებული ნებისმიერ ოპერაციულ სისტემაში, საიტის მხარეს. რატომ არის სუნი საიტის გვერდზე?
პრინციპში, იმისთვის, ვისთვისაც ანალოგიური ელემენტები იმარჯვებენ ოპერატიული სისტემა-დანიჩ ვიდ კორისტუვაჩის გადაცემა. ფორმების შემთხვევაში, მონაცემები koristuvach-დან გადაეცემა სერვერს, სპეციალური პროგრამა(მოვა ჰიპერტექსტის დიზაინი, სამწუხაროდ, არ იძლევა ხარკის დამუშავების საშუალებას).
თუ გსურთ, შეგიძლიათ მონაცემების გაგზავნა არა მხოლოდ სერვერზე, არამედ, მაგალითად, მიერ ელ.ფოსტამისამართზე, ამოცანები Form ტეგის Action ატრიბუტებში. Html-დან გაგზავნისას გამოაგზავნოთ ხარკი ელფოსტაზე კორისტუვაჩიდან, რომელიც დაიმახსოვრებს ველებს; საფოსტო პროგრამა vikoristovuvan yogo კომპიუტერებზე წვლილის მისაღებად.
მაშინ როცა ფორმის ტეგი დამნაშავეა ასე:
აირჩიეთ და Option - ტეგები სიის ველებისთვის
ვებფორმების ყველა ელემენტი, როგორიცაა ველების დაყენება სიებით, ჩამოყალიბებულია იმავე რანგით. სია დაყენებულია ველის კონტეინერზე სიიდან დამატებითი ჩვენების უკან და Html ტეგის Select-ის დახურვის შემდეგ. კონტეინერის შუა ნაწილიდან კი სიაში არის სამი კონტეინერი ნივთებით (ელემენტებით). სცადეთ იპოვოთ დახმარება და დახურეთ Option tags.
იარე დაახლოებით ასე:
ალე წე სთხოვეს მშენებლობას, რომ აირჩიეთ და Option є აქვს რამდენიმე ატრიბუტი, მომწონს დენის დაწყება და გამოხმაურება გასწორებული ველის ხედში სიით, რასაც ხედავთ.
- სახელი - მოითხოვეთ უნიკალური სახელი ამ ვებფორმის ელემენტისთვის, დააწკაპუნეთ Select-ის დახმარების უკან. შეტყობინების ფასი გადაეცემა სერვერს მოცემული პროგრამის ნიმუშში ცვლილების სახით. Value ატრიბუტის მნიშვნელობა (დაყენებულია Option კანის ელემენტისთვის) გადაეცემა იმ ნივთს სიაში, რომელსაც ეძებდით.
- ზომა - დამატებითი ინფორმაციისთვის შეგიძლიათ დააყენოთ რამდენიმე ნაჩვენები ელემენტი. თუმცა, როგორც ჩანს, Size-ის დახმარებით შეგიძლიათ დააყენოთ სიის სიმაღლე, რომელიც ნაჩვენებია ნაჩვენები რიგების რაოდენობაში. თუ ცალსახად არ ჩართავთ Size მნიშვნელობას Select ოფციაში, მაშინ სიის მნიშვნელობა შეიცვლება, თუ არ გსურთ მისი არსებობა ან თუ Multiple ატრიბუტი იმყოფება Select-ში:
- თუ Multiple in Select Presences, მაშინ სია ვებ ფორმაში დაფუძნებული იქნება სხვა ელემენტების რაოდენობაზე. სიაში ყველა ელემენტი ნაჩვენები იქნება მრავალი არჩევანით. დივ. მრავლობითი ქვედა უკანალი. თუ ატრიბუტი Size Select-ში დაყენებულია ქულების რაოდენობაზე ნაკლებზე, მაშინ გადახვევა გამოჩნდება მარჯვნივ.
- თუ მრავალჯერადი შერჩეულია ყოველდღე, მაშინ ვებ ფორმაში არსებული სია იქნება ერთი რიგის უკან სიაში. ასე რომ, მხოლოდ ერთი მწკრივი იქნება ხილული და ზოგიერთი პუნქტი ხელმისაწვდომი იქნება მხოლოდ აწევის ღილაკზე დაჭერით (მარჯვენა). დივ. გადაიტანეთ საფონდო ქვედა
- მრავალჯერადი - ამ ატრიბუტის მინიჭება არჩევანში, რომელიც საშუალებას მოგცემთ გახსნათ სია, მაგრამ შეგიძლიათ აირჩიოთ ნივთების სიის ერთსაათიანი არჩევანი. წაიკითხეთ მეტი ატრიბუტების შესახებ ქვემოთ.
vipadaut სიებიდან ფორმები შეიძლება დაიყოს ორ ვარიანტად. პირველი ვარიანტისთვის შეგიძლიათ სიიდან ველის მხოლოდ ერთი ელემენტის (მწკრივის) ვიბრაცია, ხოლო მეორე ვარიანტისთვის შეგიძლიათ გამოიყენოთ Ctrl ან Shift რამდენიმე გამოკვეთილი წერტილის ერთდროულად ვიბრაციისთვის.
თუ არსებობს სხვა ვარიანტი, იქნება მითითება მონაცემთა სერვერზე ყველა სხვა პუნქტის შესახებ. როგორც კი გამოჩნდება, გამოჩნდება Multiple ატრიბუტის Select ატრიბუტში.
Multiple გამოიყენება Select-ში პარამეტრის გარეშე, ასე რომ თქვენ შეგიძლიათ დაწეროთ მხოლოდ Multiple და ეს არის ის. თუ არსებობს, მაშინ ვებფორმა გაიხსნება სიაში მრავალჯერადი არჩევანის შესაძლებლობით (დააჭირეთ Ctrl ან Shift).
ველის ვარიანტი სიით, shho vipadaє, მომავალში მრავალჯერადი ვიბრაცია, თქვენ ნახავთ ასეთ რამეს:
მარცხნივ, ვებფორმის კონდახი მითითებულია მრავალჯერადი ვიბრატორის მქონე სიაზე, რომელიც ეფუძნება კოდს, რომელიც მიმართულია მაყურებლისკენ. შეგიძლიათ გამოიყენოთ Ctrl ან Shift, რომ ნახოთ რამდენიმე ელემენტი ერთ საათში.
თუ არ არის Multiple ატრიბუტი Select ტეგში, მაშინ სიის (რიგის) მხოლოდ ერთი ელემენტის ვიბრაცია შეიძლება.
კონდახი, რომელშიც მხოლოდ ერთი ელემენტის ვიბრაცია შეგიძლიათ, შეგიძლიათ მისი სარეზერვო ასლის შექმნა აქ:
ლეიბლი აირჩიეთ SelectED Legend ვებსაიტი
ვარიანტის ტეგის ატრიბუტები
დისპლეის ჩვენებაზე (Select და Option) შეგიძლიათ დაამატოთ ელემენტების სიას ჯგუფების სათაურით, რომლებიც ნაჩვენები იქნება მენიუს ელემენტებიდან ნაჩვენები შრიფტით.
სიის ელემენტებიდან ჯგუფის გასაფართოებლად საჭიროა ეკრანზე Optgroup ფორმის ტეგების დაყენება და Optgroup ფორმის ტეგების დახურვა, ხოლო Optgroup ტეგზე ჩვენებისას პარამეტრად დანიშნეთ Label ატრიბუტი. საიდანაც მოგიწევთ შეიყვანოთ ჯგუფის სახელი.
Მაგალითად:
ლეიბლის შერჩევა
შერჩეული ლეგენდის ვებსაიტი
Textarea - წაშალეთ ტექსტური ველი ფორმიდან
ვებ ფორმების კიდევ ერთი ელემენტი, რომელიც არ არის შესწავლილი - Textarea (ველი ტექსტის ფართო სპექტრის შეყვანის შესაძლებლობით). გამოდი დახმარებისთვის დაწყვილებული html Textarea ტეგი. უფრო მეტიც, ახალში შესაძლებელია ტექსტის ახალ რიგზე გადატანა და სერვერზე გადატანა გატეხილი გადარიცხვების საშუალებით.
სხვათა შორის, ბარგიანი ტექსტური ველის ძირისთვის აუცილებელია დაარეგისტრიროთ ღია და დახურული Textarea და მათ შორის შეგიძლიათ დაამატოთ ტექსტი, რომელიც ხილული იქნება, როდესაც გვერდები დაიხურება ვებ-ფორმით. Koristuvach მაშინ შეგიძლიათ წაშალოთ ტექსტი და დაწეროთ თქვენი.
Yak vi შეიძლება შეიცვალოს, ტექსტის მიხედვით დააწკაპუნეთ ელემენტის მარნოს გასააქტიურებლად - აუცილებელია დააწკაპუნოთ იმავეზე. ღერძი თავისთავად არის გამოსვლებისა და დაწკაპუნების ბანაკი და შეასწორეთ Label ტეგი. Wien იძლევა ტექსტის რედაქტირებას ვებ ფორმის ელემენტის დაწკაპუნებით, რაც გიჟურია პოლონური usabіlіtі.
Ale yak დააყენოს ელემენტი Html ფორმა და ტექსტი? მთლიანობაში, ID ატრიბუტს უნდა დაემატოს უნიკალური პარამეტრი, ხოლო ტექსტი უნდა იყოს ნაჩვენები, როგორც ჩვენება და დაერთოს Label ტეგებით. ამავე დროს, არა ყველა. Label-ის მაგალითში აუცილებელია For ატრიბუტის დანიშვნა, პარამეტრი, რომლის ბრალი არის ზუსტად იგივე, რაც ID ატრიბუტში Html ფორმა ელემენტის. იარე დაახლოებით ასე:
Yak vie can bachiti, ახლა, zavdyaki vikorystannyu Label, ვებფორმების ელემენტების გააქტიურება შესაძლებელია არა მხოლოდ ახალზე დაწკაპუნებით, არამედ ხელით შედგენილ ტექსტზე დაწკაპუნებით.
Fieldset და Legend - მსხვრევადი ფორმა ნაწილებად
თქვენ, მელოდიურად, ხშირად ურტყამთ, მაგრამ Html-ში შესანიშნავი ფორმები დაჯგუფებულია ჯგუფებად (Fieldset), რომლებიც ჩარჩოშია და ამ ჯგუფის კანში აქვს საკუთარი სათაური (ლეგენდა). გააცნობიერეთ ორივე ტეგის დამატებითი დახმარების ფასი: Fieldset და Legend. სუნი ბიჭები, ისე რომ ისინი არიან დამნაშავეები იმაში, რომ არიან გამრუდების და დახვევის საერთო წესრიგში.
ასე რომ, ღერძი, საწყობის ნაწილების ჯგუფისთვის, თქვენ უნდა მოათავსოთ ყველა ნაწილი ღია და მრუდე Fieldset ტეგებში. და იმისთვის, რომ მოცემულ ჯგუფს დააწესოთ სათაური (ლეგენდა), თქვენ უნდა დაუყონებლივ დაწეროთ კონსტრუქცია ეკრანიდან და დააბრუნოთ Legend, როდესაც Fieldset გამოჩნდება, წინააღმდეგ შემთხვევაში თქვენ უნდა ჩაწეროთ ჯგუფის სათაურის ტექსტი.
დასაკეცი ჯგუფის კონდახის ღერძი დამატებითი Fieldset-ისთვის და Legend-ისთვის:
Წარმატებას გისურვებ! ბლოგის საიტის გვერდებზე სწრაფ ხილვამდე
შენ შეგიძლია წიკავო
აირჩიეთ, Option, Textarea, Label, Fieldset, Legend - Html ტეგები, რომლებიც ქმნიან ჩამოსაშლელ სიებს და ტექსტურ ველს
სიაში HTML კოდი- ტეგები UL, OL, LI და DL
MailTo - გახსენით შეტყობინება ელფოსტის გაგზავნისთვის Html-ში
როგორ დავაყენოთ ფერი Html და CSS კოდებში, pidbir RGB ნახვები ცხრილებში, Yandex-ის ხედებსა და სხვა პროგრამებში
ისევე როგორც ყველა ტეგის სია W3C Validator-ში
Yak ჩადეთ HTML-ში სურათი (ფოტო) - IMG ტეგები და A
ცხრილები Html - ტეგები Table, Tr და Td, ასევე Colspan, Cellpadding, Cellspacing და Rowspan მათი გახსნისთვის
ტეგების შრიფტი (სახე, ზომა და ფერი), ბლოკციტატი და წინა ძველი ფორმატირება ტექსტისთვის სუფთა HTML-ში (გარეშე ვიქტორიანული CSS)
როგორ გავხსნათ ჰიპერპოზიცია (A, Href, Target ცარიელი), როგორ გავხსნათ ახალი გვერდი საიტზე და ასე შევქმნათ სურათი თქვენთვის Html კოდებით