<!-->
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article> (HTML5)
<aside>(HTML5)
<audio> (HTML5)
<b>
<base>
<basefont>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas> (HTML5)
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<command> (HTML5)
<datalist> (HTML5)
<dd>
<del>
<details> (HTML5)
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<embed> (HTML5)
<fieldset>
<figcaption> (HTML5)
<figure> (HTML5)
<font>
<footer> (HTML5)
<form>
<frame>
<frameset>
<h1> - <h6>
<head>
<header> (HTML5)
<hgroup> (HTML5)
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<keygen> (HTML5)
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark> (HTML5)
<menu>
<meta>
<meter> (HTML5)
<nav> (HTML5)
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output> (HTML5)
<p>
<param>
<pre>
<progress> (HTML5)
<q>
<rp> (HTML5)
<rt> (HTML5)
<ruby> (HTML5)
<s>
<samp>
<script>
<section> (HTML5)
<select>
<small>
<source> (HTML5)
<span>
<strike>
<strong>
<style>
<sub>
<summary> (HTML5)
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<time> (HTML5)
<title>
<tr>
<tt>
<u>
<ul>
<var>
<video> (HTML5)
<wbr> (HTML5)
Η ετικέτα <textarea>
Ορισμός και χρήση
Με την ετικέτα <textarea> εισάγουμε Περιοχή Κειμένου στην Φόρμα μας. Στην Περιοχή Κειμένου ο επισκέπτης μπορεί να γράψει κείμενο χωρίς περιορισμό στον αριθμό των χαρακτήρων.

Μπορούμε να ορίσουμε τις διαστάσεις της περιοχής κειμένου είτε με τις ιδιότητες cols και rows, είτε με CSS

Ετικέτα τέλους: </textarea>

Περισσότερα για τις Φόρμες
Παράδειγμα
Πηγαίος Κώδικας Αποτέλεσμα στον browser
<FORM name="form1" method="post" action="http://www.wlearn.gr/script.asp">
Περιοχή Κειμένου
<textarea name="textarea2" cols="30" rows="3"></textarea>
</FORM>
Περιοχή Κειμένου
Διαφορές στην χρήση μεταξύ της HTML4.01 και την HTML5
Στην HTML5 έχουν προστεθεί αρκετές νέες ιδιότητες
Ιδιότητες
Ιδιότητα Τιμή Περιγραφή
autofocus (HTML5) autofocus Η ύπαρξη της ιδιότητας autofocus στο πεδίο κειμένου σημαίνει ότι κάθε φορά που φορτώνεται η σελίδα, το πεδίο γίνεται focused (μπορεί δηλαδή ο χρήστης να πληκτρολογήσει δεδομένα στο πεδίο αμέσως μετά την ολοκλήρωση της φόρτωσης της σελίδας). Δεν μπορεί να χρησιμοποιηθεί όταν type="hidden"
cols αριθμός Ορίζει τον αριθμό των ορατών χαρακτήρων που θα χωράει κάθε γραμμή στην περιοχή κειμένου
disabled disabled Η ύπαρξη της ιδιότητας αυτής απενεργοποιεί την περιοχή κειμένου της Φόρμας (ο επισκέπτης δεν μπορεί να γράψει μέσα σε αυτό)
form (HTML5) id φορμών Μπορεί να πάρει σαν τιμές τις τιμές των id των φορμών στις οποίες ανήκει η περιοχή κειμένου, χωρισμένες με κενό
maxlength (HTML5) αριθμός Καθορίζει τον μέγιστο αριθμό χαρακτήρων που μπορεί να πληκτρολογήσει ο επισκέπτης
name όνομα Καθορίζει ένα μοναδικο όνομα για την περιοχή κειμένου της Φόρμας
placeholder (HTML5) κείμενο Ορίζει ένα σύντομο κείμενο το οποίο περιγράφει την τιμή που παίρνει ένα η περιοχή κειμένου.. Το κείμενο σβήνεται όταν ο χρήστης τοποθετεί τον κέρσορα του ποντικιού του στην περιοχή κειμένου για να πληκτρολογήσει κείμενο
readonly readonly Η ύπαρξη της ιδιότητας κάνει την περιοχή κειμένου μόνο για ανάγνωση (ο επισκέπτης δεν μπορεί να γράψει μέσα σε αυτήν)
required (HTML5) required

Η ύπαρξη της ιδιότητας ορίζει την περιοχή κειμένου σαν απαραίτητο στοιχείο που πρέπει να συμπληρωθεί από τον χρήστη πριν την υποβολή (submit) της φόρμας
rows αριθμός Ορίζει τον αριθμό των ορατών γραμμών (αυτές δηλαδή που φαίνονται χωρίς κάθετο scrolling) που θα έχει η περιοχή κειμένου. Ουσιαστικά ορίζει το ύψος της περιοχής κειμένου
wrap (HTML5) soft
hard		 Αν η τιμή είναι hard, τότε (όταν η φόρμα γίνεται submit) θα προστεθούν στο κείμενο αλλαγές γραμμών (line-breaks) στο τέλος κάθε γραμμής της περιοχής κειμένου. Αν η τιμή είναι soft, τότε το κείμενο μέσα στην περιοχή κειμένου θα σταλεί στον server χωρις line-breaks
Κοινές (standard) ιδιότητες που μπορεί να πάρει η ετικέτα:
Η ετικέτα <textarea> υποστηρίζει τις standard ιδιότητες της HTML5
HTML Γεγονότα που μπορεί να πάρει η ετικέτα:
Η ετικέτα <textarea> υποστηρίζει τις ιδιότητες events της HTML5
Δοκίμασε το
Περιοχές Κειμένου
Πώς εισάγουμε μια Περιοχή Κειμένου στην Φόρμα μας μας