Το χαρακτηριστικό disabled στην JavaScript
Στο HTML υπάρχουν ειδικά χαρακτηριστικά χωρίς
τιμές, για παράδειγμα, το χαρακτηριστικό disabled,
που χρησιμοποιείται για τον μπλοκάρισμα στοιχείων. Για
να ορίσετε ένα τέτοιο χαρακτηριστικό, στην αντίστοιχη
ιδιότητα πρέπει να ανατεθεί η τιμή true,
και για να την αφαιρέσετε - η τιμή false.
Ας δούμε στην πράξη. Ας υποθέσουμε ότι έχουμε ένα μπλοκαρισμένο πεδίο εισαγωγής:
<input id="elem" disabled>
Ας εμφανίσουμε την τιμή του χαρακτηριστικού disabled
αυτού του πεδίου εισαγωγής:
let elem = document.querySelector('#elem');
console.log(elem.disabled); // θα εμφανίσει true
Και τώρα ας το ξεμπλοκάρουμε:
let elem = document.querySelector('#elem');
elem.disabled = false;
Δίνεται ένα πεδίο εισαγωγής και ένα κουμπί. Με πάτημα στο κουμπί μπλοκάρετε το πεδίο εισαγωγής.
Δίνεται ένα πεδίο εισαγωγής και δύο κουμπιά. Ας κάνει το πάτημα στο πρώτο κουμπί μπλοκάρισμα του πεδίου εισαγωγής, και το πάτημα στο δεύτερο - ξεμπλοκάρισμα.
Δίνεται ένα πεδίο εισαγωγής και ένα κουμπί. Με πάτημα στο κουμπί μάθετε, εάν το πεδίο εισαγωγής είναι μπλοκαρισμένο ή όχι.