මීටර් ටැගය
meter ටැගය භාවිතා කරන්නේ
යම් අගයක් අලංකාර ආකාරයෙන් ප්රදර්ශනය
කිරීමටයි.
ටැගයේ පෙනුම යනු අර්ධ වශයෙන් හෝ සම්පූර්ණයෙන් වර්ණයෙන් පුරවන ලද තීරුවකි. තීරුව කොළ, කහ හෝ රතු පැහැති විය හැක (තීරුවේ වර්ණය ගුණාංගවල අගයන් මත රඳා පවතී, මෙය පහත විස්තර කෙරේ):
meter ටැගය භාවිතා කළ යුත්තේ, උදාහරණයක්
ලෙස, පහත දැක්වෙන අවස්ථාවන්හිදීය: ඔබට
වර්තමාන උෂ්ණත්වය ප්රදර්ශනය කිරීමට අවශ්ය
නම්, එම උෂ්ණත්වය 0 සිට
100 දක්වා වෙනස් විය හැකිය. ඔබ පහත දැක්වෙන
ගුණාංග සඳහන් කළ යුතුය: value ගුණාංගය වර්තමාන
උෂ්ණත්ව අගය දැක්විය යුතුය, min ගුණාංගය
- හැකි අවම අගය (අපගේ
නඩුවේදී 0), max ගුණාංගය - හැකි
උපරිම අගය (අපගේ නඩුවේදී 100).
value ගුණාංගයේ අගය අනුව
තීරුව කුඩා හෝ විශාල වේ. අගය
10 ලෙස value
සඳහන් කරන්නේ නම්,
තීරුව කුඩා වනු ඇත (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 |
ප්රශස්ත අගයන්හි ප්රදේශය නිර්වචනය කරයි. |
බලන්න
