HTML <meter> ετικέτα
Ορισμός και χρήση
<meter>
Ετικέτα που ορίζει τη μοναδιαία μέτρηση ενός γνωστού διαστήματος ή τη μέτρηση με ποσοστά. Επίσης γνωστή ως μετρητής (gauge).
π.χ. χρήση δίσκου, σχετικότητα αποτελεσμάτων ερωτημάτων κ.λπ.
Σημείωση:δεν πρέπει να χρησιμοποιείτε <meter>
για να εκφράσετε την πρόοδο (π.χ. γραμμή προόδου). Για τις γραμμές προόδου, χρησιμοποιήστε <progress> Ετικέτα.
Σημείωση:Πάντα χρησιμοποιήστε <label> Ετικέταγια την απόκτηση των καλύτερων πρακτικών προσβασιμότητας!
Για περισσότερες πληροφορίες:
Εγχειρίδιο HTML DOM:Ετικέτα Meter
Παράδειγμα
Χρήση του στοιχείου meter για την εμφάνιση του μοναδιαίου τιμής ενός καθορισμένου διαστήματος (μετρητής):
<label for="disk_c">Χρήση δίσκου C:</label> <meter id="disk_c" value="2" min="0" max="10">Δύο επί του δέκα</meter><br> <label for="disk_d">Χρήση δίσκου D:</label> <meter id="disk_d" value="0.6">60%</meter>
Ιδιότητα
Ιδιότητα | Τιμή | Περιγραφή |
---|---|---|
form | Ταυτότητα φόρμας | Ορίζει σε ποιον φόρμα ανήκει το στοιχείο <meter>. |
high | Αριθμός | Ορίζει την υψηλότερη τιμή του διαστήματος. |
low | Αριθμός | Ορίζει την χαμηλότερη τιμή του διαστήματος. |
max | Αριθμός | Ορίζει το υψηλότερο όριο του διαστήματος. |
min | Αριθμός | Ορίζει τον χαμηλότερο όριο του διαστήματος. Η προεπιλεγμένη τιμή είναι 0. |
optimum | Αριθμός | Ορίζει την ιδανική τιμή του μετρητή. |
value | Αριθμός | Απαιτείται. Ορίζει την τρέχουσα τιμή του μετρητή. |
Περιγραφή
Το στοιχείο meter εμφανίζει μια από τις πιθανές τιμές ενός διαστήματος.min και max Η ιδιότητα καθορίζει τα όρια του διαστήματος των πιθανών τιμών, τα οποία μπορούν να εκφραστούν ως πλάγιοι αριθμοί. Η εμφάνιση του στοιχείου meter μπορεί να διαιρεθεί σε τρία μέρη: χαμηλότερο, υψηλότερο και ιδανικό.low Η ιδιότητα έχει οριστεί μια τιμή, όλες οι τιμές κάτω από αυτή θεωρούνται χαμηλότερες;high The property sets a value, and all values above it are considered too high;optimum The property specifies the optimal value.
Global properties
<meter>
Η ετικέτα υποστηρίζει επίσης Global properties in HTML.
Properties of events
<meter>
Η ετικέτα υποστηρίζει επίσης Properties of events in HTML.
Προεπιλεγμένες ρυθμίσεις CSS
Δεν υπάρχει.
Υποστήριξη του προγράμματος περιήγησης
Τα αριθμήματα στην τаблицή δείχνουν την έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως την ετικέτα.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
8.0 | 13.0 | 16.0 | 6.0 | 11.5 |