ტეგი meter
ტეგი meter გამოიყენება
გარკვეული მნიშვნელობის მიმზიდველად ჩასაწერად.
ტეგის გარეგნობა წარმოადგენს ნაწილობრივ ან სრულად გაფერადებულ ზოლს. ზოლი შეიძლება იყოს მწვანე, ყვითელი ან წითელი (ზოლის ფერი დამოკიდებულია ატრიბუტების მნიშვნელობებზე, ამის შესახებ ქვემოთ იქნება):
ტეგი meter უნდა გამოიყენოთ,
მაგალითად, შემდეგ სიტუაციაში: გსურთ ეკრანზე
გამოაჩინოთ ტემპერატურის მიმდინარე მნიშვნელობა,
ამ შემთხვევაში ტემპერატურა შეიძლება შეიცვალოს 0-დან
100-მდე. თქვენ უნდა მიუთითოთ შემდეგი
ატრიბუტები: ატრიბუტი value უნდა მიუთითებდეს
ტემპერატურის მიმდინარე მნიშვნელობას, ატრიბუტი min
- მინიმალურ შესაძლო მნიშვნელობას (ჩვენს
შემთხვევაში 0), ატრიბუტი max - მაქსიმალურ შესაძლო
მნიშვნელობას (ჩვენს შემთხვევაში 100).
value ატრიბუტის მნიშვნელობიდან გამომდინარე
ზოლი იქნება პატარა ან დიდი. თუ
მიუთითებთ value-ს მნიშვნელობით 10,
მაშინ ზოლი იქნება პატარა (რადგან 10
ძალიან ახლოსაა მინიმუმთან - ნულთან), ხოლო თუ
მიუთითებთ მნიშვნელობას 90, მაშინ ზოლი იქნება
დიდი (რადგან 90 ახლოსაა მაქსიმუმთან
- 100-თან). თუ მიუთითებთ მნიშვნელობას 100 - მაშინ
ზოლი დაიკავებს მთელ ელემენტს (რადგან მნიშვნელობა
მიაღწია მაქსიმუმს).
თუ მიუთითებთ მნიშვნელობას, რომელიც მეტია 100-ზე,
მაშინ ზოლი მაინც დაიკავებს მთელ ელემენტს.
ხოლო თუ მიუთითებთ 0-ზე ნაკლებს ან ტოლს - მაშინ ზოლი
სრულიად არ იქნება.
მაგალითი
ატრიბუტი value-ს მნიშვნელობა პატარაა:
<meter value="10" min="0" max="100"></meter>
:
მაგალითი
ატრიბუტი value-ს მნიშვნელობა დიდია:
<meter value="90" min="0" max="100"></meter>
:
მაგალითი
ატრიბუტი value-ს მნიშვნელობა საშუალოა:
<meter value="50" min="0" max="100"></meter>
:
მაგალითი
ატრიბუტი value-ს მნიშვნელობა მაქსიმალურის ტოლია:
<meter value="100" min="0" max="100"></meter>
:
მაგალითი
ატრიბუტი value-ს მნიშვნელობა მინიმალურის ტოლია:
<meter value="0" min="0" max="100"></meter>
:
მაგალითი
ატრიბუტი value-ს მნიშვნელობა მაქსიმალურზე მეტია:
<meter value="110" min="0" max="100"></meter>
:
მაგალითი
ატრიბუტი value-ს მნიშვნელობა მინიმალურზე ნაკლებია:
<meter value="-10" min="0" max="100"></meter>
:
low და high ატრიბუტების დამატება
ტეგ meter-ში არის კიდევ 2 ატრიბუტი:
low და high.
განვიხილოთ მათი მუშაობა ტემპერატურის მაგალითზე.
შეგახსენებთ, რომ ჩვენი მინიმალური ტემპერატურა
არის 0, ხოლო მაქსიმალური - 100.
მოდით ახლა გვინდა გავაკეთოთ შემდეგი დიაპაზონები
- "ცივი ტემპერატურა" 0-დან 20-მდე,
"ნორმალური" 20-დან 80-მდე და
"ცხელი" 80-დან 100-მდე.
ცივი ტემპერატურის დასაყენებლად, მივუთითოთ
low ატრიბუტის მნიშვნელობად რიცხვი 20.
მიიღება, რომ ნულიდან (ეს არის ატრიბუტის
min მნიშვნელობა) 20-მდე (ატრიბუტის
low მნიშვნელობა) გვაქვს დაბალი მნიშვნელობების არეალი.
ცხელი ტემპერატურის დასაყენებლად, მივუთითოთ
high ატრიბუტის მნიშვნელობად რიცხვი 80.
მიიღება, რომ 80-დან (ეს არის ატრიბუტის
high მნიშვნელობა) 100-მდე (ატრიბუტის
max მნიშვნელობა) გვაქვს მაღალი მნიშვნელობების
არეალი.
ნორმალური ტემპერატურა იქნება 20-დან
(ეს არის ატრიბუტის low მნიშვნელობა) 80-მდე
(ატრიბუტის high მნიშვნელობა). ამ არეალს
დავარქმევთ ნორმალური მნიშვნელობების არეალს.
ახლა, იმის მიხედვით, თუ რომელ არეალში
ეშვება ატრიბუტის value მნიშვნელობა,
ზოლი გაფერადდება მწვანე ან
ყვითელი ფერით. მწვანე იქნება, თუ ჩავედით
ნორმალური მნიშვნელობების არეალში, ხოლო ყვითელი
- თუ მაღალი ან დაბალი მნიშვნელობების არეალში.
მაგალითი
ატრიბუტის value მნიშვნელობა ეშვება
დაბალი მნიშვნელობების არეალში:
<meter value="10" min="0" low="20" high="80" max="100"></meter>
:
მაგალითი
ატრიბუტის value მნიშვნელობა ეშვება
ნორმალური მნიშვნელობების არეალში:
<meter value="50" min="0" low="20" high="80" max="100"></meter>
:
მაგალითი
ატრიბუტის value მნიშვნელობა ეშვება
მაღალი მნიშვნელობების არეალში:
<meter value="90" min="0" low="20" high="80" max="100"></meter>
:
optimum ატრიბუტის დამატება
ატრიბუტი optimum განსაზღვრავს ოპტიმალურ
მნიშვნელობას. ჩვენი მაგალითისთვის ოპტიმალური
შეიძლება იყოს ცივი ტემპერატურა, ნორმალური
ან ცხელი - თქვენი არჩევანით. დავუშვათ,
რომ თქვენ მიუთითებთ, რომ ოპტიმალური ტემპერატურა
ცივია. ახლა, ატრიბუტის value მნიშვნელობიდან გამომდინარე
(ანუ მიმდინარე ტემპერატურიდან გამომდინარე) ზოლის ფერი
იქნება მწვანე,
ყვითელი ან წითელი.
თუ მიმდინარე ტემპერატურა ეშვება ოპტიმალური ტემპერატურების არეალში (ჩვენ მივუთითეთ, რომ ოპტიმალური - ცივია), მაშინ ზოლის ფერი იქნება მწვანე. თუ მიმდინარე ტემპერატურა ეშვება ოპტიმალურის მეზობელ დიაპაზონში (ჩვენს შემთხვევაში ეს არის ნორმალური ტემპერატურა), მაშინ ზოლი გახდება ყვითელი. ხოლო თუ მიმდინარე ტემპერატურა ეშვება არა ოპტიმალურის მეზობელ დიაპაზონში (ჩვენს შემთხვევაში ეს არის ცხელი ტემპერატურა), მაშინ ზოლი გახდება წითელი.
ანალოგიურად ყველაფერი მოხდება, თუ ოპტიმალურ ტემპერატურად მივუთითებთ ცხელს. ამ შემთხვევაში, თუ მიმდინარე ტემპერატურა ეშვება ცხელი ტემპერატურების არეალში - ზოლი იქნება მწვანე, თუ ეშვება ნორმალური ტემპერატურების არეალში - ყვითელი, თუ ცივი ტემპერატურების არეალში - წითელი.
თუ ოპტიმალურად მივუთითებთ ნორმალურ ტემპერატურას, მაშინ ზოლი შეიძლება იყოს მხოლოდ მწვანე (თუ მიმდინარე ტემპერატურა ეშვება ნორმალურში) ან ყვითელი (თუ მიმდინარე ტემპერატურა ეშვება ნორმალური ტემპერატურის მეზობელში, რომელიც არის ცხელი ან ცივი).
იმისთვის, რომ მივუთითოთ, რომელი დიაპაზონია ოპტიმალური,
საჭიროა მივუთითოთ ატრიბუტის
optimum მნიშვნელობად ნებისმიერი რიცხვი ამ დიაპაზონიდან.
ქვემოთ მოცემულ მაგალითებში ატრიბუტის optimum მნიშვნელობა
ეშვება დაბალი მნიშვნელობების არეალში
(ანუ ცივ ტემპერატურებში).
მაგალითი
ატრიბუტის value მნიშვნელობა ეშვება
დაბალი მნიშვნელობების არეალში:
<meter value="10" min="0" low="20" high="80" max="100" optimum="10"></meter>
:
მაგალითი
ატრიბუტის value მნიშვნელობა ეშვება
ნორმალური მნიშვნელობების არეალში:
<meter value="50" min="0" low="20" high="80" max="100" optimum="10"></meter>
:
მაგალითი
ატრიბუტის value მნიშვნელობა ეშვება
მაღალი მნიშვნელობების არეალში:
<meter value="90" min="0" low="20" high="80" max="100" optimum="10"></meter>
:
ქვემოთ მოცემულ მაგალითებში ატრიბუტის optimum მნიშვნელობა
ეშვება მაღალი მნიშვნელობების არეალში
(ანუ ცხელ ტემპერატურებში).
მაგალითი
ატრიბუტის value მნიშვნელობა ეშვება
დაბალი მნიშვნელობების არეალში:
<meter value="10" min="0" low="20" high="80" max="100" optimum="90"></meter>
:
მაგალითი
ატრიბუტის value მნიშვნელობა ეშვება
ნორმალური მნიშვნელობების არეალში:
<meter value="50" min="0" low="20" high="80" max="100" optimum="90"></meter>
:
მაგალითი
ატრიბუტის value მნიშვნელობა ეშვება
მაღალი მნიშვნელობების არეალში:
<meter value="90" min="0" low="20" high="80" max="100" optimum="90"></meter>
:
ქვემოთ მოცემულ მაგალითებში ატრიბუტის optimum მნიშვნელობა
ეშვება ნორმალური მნიშვნელობების არეალში
(ანუ ნორმალურ ტემპერატურებში).
მაგალითი
ატრიბუტის value მნიშვნელობა ეშვება
დაბალი მნიშვნელობების არეალში:
<meter value="10" min="0" low="20" high="80" max="100" optimum="50"></meter>
:
მაგალითი
ატრიბუტის value მნიშვნელობა ეშვება
ნორმალური მნიშვნელობების არეალში:
<meter value="50" min="0" low="20" high="80" max="100" optimum="50"></meter>
:
მაგალითი
ატრიბუტის value მნიშვნელობა ეშვება
მაღალი მნიშვნელობების არეალში:
<meter value="90" min="0" low="20" high="80" max="100" optimum="50"></meter>
:
ძველი ბრაუზერები
ძველი ბრაუზერები ვერ აჩვენებენ ტეგ meter-ს
მიმზიდველად და ამის ნაცვლად გამოაჩენენ
თავად ტეგის შიგთავსს:
<meter value="10" min="0" max="100">ეს ტექსტი გამოჩნდება ძველ ბრაუზერებში.</meter>
:
ატრიბუტები
ატრიბუტების მნიშვნელობა შეიძლება იყოს წილადი და უარყოფითი რიცხვი.
| ატრიბუტი | აღწერა |
|---|---|
value |
აყენებს მიმდინარე მნიშვნელობას. სავალდებულო ატრიბუტი. |
min |
აყენებს მინიმალურ შესაძლო მნიშვნელობას. ნაგულისხმევი მნიშვნელობა: 0. |
max |
აყენებს მაქსიმალურ შესაძლო მნიშვნელობას. ნაგულისხმევი მნიშვნელობა: 1. |
low |
აყენებს დაბალი მნიშვნელობების არეალის საზღვარს. დაბალი მნიშვნელობები იქნება ატრიბუტის
min-ში მითითებული რიცხვიდან ატრიბუტის low-ში მითითებულ რიცხვამდე.
|
high |
აყენებს მაღალი მნიშვნელობების არეალის საზღვარს. მაღალი მნიშვნელობები იქნება ატრიბუტის
high-ში მითითებული რიცხვიდან ატრიბუტის max-ში მითითებულ რიცხვამდე.
|
optimum |
განსაზღვრავს ოპტიმალური მნიშვნელობების არეალს. |
იხილეთ აგრეთვე
-
ტეგი
progress,
რომელიც ქმნის ჩატვირთვის ზოლს.
