Το πλαίσιο ελέγχου checkbox

Το πλαίσιο ελέγχου checkbox αντιπροσωπεύει ένα στοιχείο (σημάδι ή πουλάκι) της φόρμας HTML, που μπορεί να έχει δύο καταστάσεις: σημειωμένο και μη σημειωμένο.

Το πλαίσιο ελέγχου δημιουργείται με την ετικέτα input με το χαρακτηριστικό type στην τιμή checkbox. Η εμφάνιση του πλαισίου ελέγχου:

Ένα σημειωμένο checkbox θα στέλνει στον διακομιστή το περιεχόμενο του χαρακτηριστικού value. Αν το χαρακτηριστικό value δεν υπάρχει στο checkbox - θα στέλνει τη συμβολοσειρά "on". Αν το checkbox δεν είναι σημειωμένο - τίποτα δεν θα αποστέλλεται στον διακομιστή ανεξάρτητα από την ύπαρξη του χαρακτηριστικού value.

Παράδειγμα

Ας φτιάξουμε δύο πλαίσια ελέγχου checkbox: ας είναι το πρώτο σημειωμένο (επειδή του δόθηκε το χαρακτηριστικό checked), και το δεύτερο - όχι:

<input type="checkbox" checked> <input type="checkbox">

Παράδειγμα . Απενεργοποιημένο checkbox

Ας δούμε ένα πλαίσιο ελέγχου που έχει απενεργοποιηθεί με τη βοήθεια του χαρακτηριστικού disabled. Όταν πατηθεί πάνω του, η κατάστασή του δεν θα αλλάζει:

<input type="checkbox" disabled>

Παράδειγμα . Απενεργοποιημένο και σημειωμένο checkbox

Τώρα ας απενεργοποιήσουμε το πλαίσιο ελέγχου, σε σημειωμένη κατάσταση, με το χαρακτηριστικό disabled και ας ορίσουμε του το χαρακτηριστικό checked:

<input type="checkbox" disabled checked>

Δείτε επίσης

κουμπιά επιλογής radio,
με τα οποία μπορείτε να κάνετε επιλογή
το χαρακτηριστικό checked,
που κάνει το πλαίσιο ελέγχου checkbox σημειωμένο
η ψευδοκλάση checked,
που ορίζει στυλ για σημειωμένα checkboxes
το χαρακτηριστικό disabled,
που απενεργοποιεί τα στοιχεία των φορμών
η ετικέτα label,
που ορίζει μια υπόδειξη για το checkbox