Το χαρακτηριστικό placeholder
Το χαρακτηριστικό placeholder ορίζει μια υπόδειξη
στο πεδίο εισαγωγής μιας φόρμας HTML.
Μια τέτοια υπόδειξη χρειάζεται για να
υποδείξει στον χρήστη τι ακριβώς πρέπει
να εισάγει σε αυτό το πεδίο. Η ίδια η υπόδειξη θα
βρίσκεται στο πεδίο εισαγωγής, αλλά, σε αντίθεση με
το χαρακτηριστικό value,
θα εξαφανίζεται αυτόματα κατά την προσπάθεια
εισαγωγής κειμένου.
Εφαρμόζεται στις ετικέτες input,
textarea.
Μπορείτε να εφαρμόσετε στυλ CSS στην υπόδειξη placeholder
χρησιμοποιώντας τον ψευδο-στοιχείο placeholder.
Παράδειγμα
Ας ορίσουμε μια υπόδειξη placeholder σε ένα πεδίο εισαγωγής:
<input type="text" placeholder="εισάγετε όνομα">
:
Παράδειγμα . Το χαρακτηριστικό value ταυτόχρονα με το placeholder
Εδώ ας ορίσουμε ταυτόχρονα σε ένα πεδίο εισαγωγής
την υπόδειξη placeholder και το χαρακτηριστικό value.
Εάν διαγράψετε το περιεχόμενο του χαρακτηριστικού value,
θα δείτε την υπόδειξη, που κρύβεται από κάτω του:
<input type="text" placeholder="εισάγετε όνομα" value="Ιωάννης">
:
Δείτε επίσης
-
το χαρακτηριστικό
value,
που ορίζει την προεπιλεγμένη τιμή για το πεδίο εισαγωγής -
ο ψευδο-στοιχείο
placeholder,
που ορίζει στυλ για την υπόδειξη -
η ψευδο-κλάση
placeholder-shown,
που ορίζει στυλ για το πεδίο εισαγωγής με υπόδειξη