Η :optionalψευδοκλάση στοχεύει εισόδους (συμπεριλαμβανομένων των) που δεν έχουν οριστεί συγκεκριμένα ως required(δεν έχουν το requiredχαρακτηριστικό).
Αυτό μπορεί να είναι χρήσιμο όταν θέλετε να δώσετε στα προαιρετικά πεδία μια συγκεκριμένη εμφάνιση, ίσως ελαφρώς λιγότερο ορατό από τα απαιτούμενα.
Σύνταξη
input(type=text):optional ( border: 1px solid #eee; )Διαδήλωση
Στην ακόλουθη επίδειξη, το προαιρετικό πεδίο ("Όνομα", "Φύλο" και "Ήπειρος") μειώνει την αδιαφάνεια στο 40%, ώστε οι χρήστες να μπορούν να γνωρίζουν αμέσως ποια είναι τα απαιτούμενα πεδία. Σε αυτήν την περίπτωση, "Email". Όταν αιωρείται, μια προαιρετική είσοδος θα δει την αδιαφάνεια να επιστρέφει στο 100%.
Οι optionalεργασίες για όλους τους τύπους της μορφής στοιχεία: εισροές κείμενο όλων των τύπων, κουμπιά επιλογής, πλαίσια ελέγχου, και επιλέγει.
Σημείωση: δεν μπορείτε να γνωρίζετε μόνο με το CSS ότι μια ετικέτα συσχετίζεται με ένα προαιρετικό πεδίο, εκτός εάν στην ετικέτα έρχεται μετά την εισαγωγή (και χρησιμοποιείτε έναν αδερφό συνδυασμό), κάτι που είναι σπάνιο και συνήθως δεν είναι καλή ιδέα. Ίσως στο μέλλον οι γονείς να επιλέξουν τους γονείς.
Υποστήριξη προγράμματος περιήγησης
| Χρώμιο | Σαφάρι | Firefox | ΛΥΡΙΚΗ ΣΚΗΝΗ | ΙΕ | Android | iOS |
|---|---|---|---|---|---|---|
| 10+ | 5+ | 4+ | 10+ | 10+ | Οποιος | 5+ |
Σημειώστε ότι :optionalαυτό δεν είναι ακριβώς το αντίθετο :not(:required)γιατί το τελευταίο θα ταιριάζει με όλους τους τύπους στοιχείων ενώ :optionalπεριορίζεται στα στοιχεία φόρμας.