Η ετικέτα textarea
Η ετικέτα textarea δημιουργεί ένα πεδίο πολυγραμμικής
εισαγωγής για χρήση σε φόρμες HTML.
Σε αντίθεση με την ετικέτα input,
στο textarea μπορείτε να εισάγετε πολλαπλές γραμμές
κειμένου, χωρίζοντάς τις με το πλήκτρο Enter.
Η ετικέτα textarea πρέπει να βρίσκεται μέσα
στην ετικέτα form.
Αυτό δεν είναι υποχρεωτικό, αλλά απαραίτητο για την αποστολή
δεδομένων στον διακομιστή και την επακόλουθη επεξεργασία τους
μέσω PHP.
Από προεπιλογή, ο χρήστης μπορεί να αλλάξει
τις διαστάσεις της ετικέτας textarea, τραβώντας την
κάτω δεξιά γωνία. Αυτή η συμπεριφορά μπορεί να αλλάξει
χρησιμοποιώντας την ιδιότητα CSS resize.
Παράδειγμα . Απλό textarea
Ας δούμε πώς λειτουργεί η ετικέτα textarea:
<textarea></textarea>
:
Παράδειγμα . Προεπιλεγμένο κείμενο
Ας προσπαθήσουμε να προσθέσουμε στην ετικέτα textarea
προεπιλεγμένο κείμενο. Παρατηρήστε
ότι σε αντίθεση με την ετικέτα input,
στην ετικέτα textarea δεν ορίζεται το χαρακτηριστικό
value,
και το προεπιλεγμένο κείμενο γράφεται μεταξύ του ανοίγοντος
και του κλειστών ετικετών:
<textarea>κάποιο κείμενο</textarea>
:
Παράδειγμα . Παράσιτα κενά
Ας δώσουμε προσοχή στο γεγονός ότι αν χωρίσουμε την ανοιγούσα ετικέτα και την κλειστή σε διαφορετικές γραμμές, τότε ως αποτέλεσμα σε αυτό το πεδίο εισαγωγής θα εμφανιστούν επιπλέον κενά (πώς να το αντιμετωπίσετε: μην τις χωρίζετε σε διαφορετικές γραμμές):
<textarea>
κάποιο κείμενο
</textarea>
:
Παράδειγμα . Υπόδειξη στο textarea
Και τώρα ας προσθέσουμε στην ετικέτα textarea
μια υπόδειξη placeholder:
<textarea placeholder="i am a hint"></textarea>
: