HTML <textarea> ετικέτα

Ορισμός και χρήση

<textarea> Η ετικέτα καθορίζει τον ελέγχο εισαγωγής πολυγραμμικού κειμένου.

<textarea> Τα στοιχεία χρησιμοποιούνται συνήθως σε φόρμες για τη συλλογή εισόδων χρηστών, όπως σχόλια ή κριτικές.

Το πεδίο κειμένου μπορεί να περιέχει άπειρους αριθμούς χαρακτήρων και το κείμενο παρουσιάζεται με ομοιόμορφο γραμματοσειρά (συνήθως Courier).

Το μέγεθος του κουτιού κειμένου ορίζεται από τις ιδιότητες cols και rows (ή χρησιμοποιώντας CSS).

Μετά την υποβολή της φόρμας, η ιδιότητα name απαιτείται για να αναφέρεται τα δεδομένα της φόρμας (εάν παραλείπεται η ιδιότητα name, τα δεδομένα του κουτιού κειμένου δεν θα υποβληθούν).

Απαιτείται η ιδιότητα id για να συνδεθεί το κουτί κειμένου με την ετικέτα (label).

Συμβουλή:Προσθήκη πάντα <label> Ετικέτα, για την καλύτερη πρακτική προσβασιμότητας!

Για περισσότερες πληροφορίες, δες επίσης:

Εγχειρίδιο αναφοράς HTML DOM:Ετικέτα Textarea

Εκμάθηση CSS:Ρύθμιση στυλ φόρμας

Παράδειγμα

Παράδειγμα 1

Ένας πολυγραμμής ελέγχτης εισαγωγής κειμένου (κουτί κειμένου):

<label for="w3review">Ανατροφοδότηση για το CodeW3C.com:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
Στο codew3c.com, θα μάθεις πώς να αναπτύξεις ιστοσελίδες. Προσφέρουν δωρεάν οδηγούς για όλες τις τεχνολογίες ανάπτυξης Web.
</textarea>

Προσπάθησε να το δοκιμάσεις!

Παράδειγμα 2

Απενεργοποίηση της προεπιλεγμένης επιλογής προσαρμογής μεγέθους:

<html>
<head>
<style>
textarea {
  resize: none;
}
</style>
</head>
<body>
<label for="w3review">Ανατροφοδότηση για το CodeW3C.com:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
Στο codew3c.com, θα μάθεις πώς να αναπτύξεις ιστοσελίδες. Προσφέρουν δωρεάν οδηγούς για όλες τις τεχνολογίες ανάπτυξης Web.
</textarea>
</body>
</html>

Προσπάθησε να το δοκιμάσεις!

Ατρiβούτα

Ατρiβούτα Τιμή Περιγραφή
autofocus autofocus Ορίζει ότι το κουτί κειμένου πρέπει να αποκτήσει εστιασμό αυτόματα κατά την φόρτωση της σελίδας.
cols Αριθμός Ορίζει την ορατή πλάτος του κουτιού κειμένου.
dirname textareaname.dir Ορίζει την κατεύθυνση γραφής του κειμένου στο κουτί κειμένου που θα υποβληθεί.
disabled disabled Ορίζει ότι το κουτί κειμένου πρέπει να είναι απενεργοποιημένο.
form id της φόρμας Ορίζει τη φόρμα στην οποία ανήκει το κουτί κειμένου.
maxlength Αριθμός Ορίζει τον μέγιστο αριθμό χαρακτήρων που επιτρέπεται στο κουτί κειμένου.
name Κείμενο Ορίζει το όνομα του κουτιού κειμένου.
placeholder Κείμενο Ορίζει μια σύντομη υπόδειξη για την αναμενόμενη τιμή του κειμένου του κουτιού κειμένου.
readonly readonly Ορίζει ότι το κουτί κειμένου πρέπει να είναι μόνο για ανάγνωση.
required required Ορίζει ότι το κουτί κειμένου πρέπει να είναι υποχρεωτικό.
rows Αριθμός Ορίζει τον αριθμό των ορατών γραμμών στον κουτί κειμένου.
wrap
  • hard
  • soft
 Ορίζει πώς θα περιέχονται οι γραμμές κειμένου στον κουτί κειμένου κατά την υποβολή της φόρμας.

Καθολικά ατρiβούτα

<textarea> Η ετικέτα υποστηρίζει επίσης Καθολικά ατρiβούτα στο HTML.

Ατρiβούτα εκδηλώσεων

<textarea> Η ετικέτα υποστηρίζει επίσης Ατрибούτα εκδηλώσεων στο HTML.

Προεπιλεγμένες ρυθμίσεις CSS

Χωρίς.

Υποστήριξη περιηγητών

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη