</code> în HTML</h1> <div class="invata-badges"> <a class="invata-badge invata-badge--lang" href="https://www.dexblog.ro/invata/html/#formulare-si-introducere-date">Formulare și introducere date</a> <span class="invata-badge">HTML 2.0+</span> </div> <p class="invata-lead">Zonă de introducere a textului pe mai multe rânduri (multiline text box), cu redimensionare automată în browser.</p> </header> <div class="invata-syntax"> <span class="invata-syntax-label">Sintaxă tag</span> <pre><code><textarea name="mesaj" rows="5" cols="40" placeholder="Scrie mesajul tău..."></textarea></code></pre> </div> <div class="entry-content"> <h2>Ce face <code><textarea></code></h2> <p>Tagul <code><textarea></code> este destinat comentariilor, descrierilor sau mesajelor lungi care nu încap într-un input pe o singură linie.</p> <p>Textul inițial (implicit) se plasează <strong>între tagul de deschidere și cel de închidere</strong>, nu ca valoare într-un atribut <code>value</code>. Browserul permite utilizatorului să tragă de colțul din dreapta-jos pentru a redimensiona zona.</p> <h2>Atribute</h2> <table class="invata-params"> <thead> <tr> <th>Atribut</th> <th>Descriere</th> </tr> </thead> <tbody> <tr> <td><code>name</code></td> <td>Numele câmpului trimis la server.</td> </tr> <tr> <td><code>rows</code></td> <td>Numărul de rânduri vizibile (înălțimea).</td> </tr> <tr> <td><code>cols</code></td> <td>Numărul de coloane vizibile (lățimea).</td> </tr> <tr> <td><code>maxlength</code></td> <td>Numărul maxim de caractere permise.</td> </tr> <tr> <td><code>placeholder</code></td> <td>Text temporar afișat când căsuța este goală.</td> </tr> <tr> <td><code>required</code></td> <td>Obligă completarea câmpului.</td> </tr> </tbody> </table> <h2>Exemple</h2> <h3>Exemplul 1: Câmp pentru mesaj de contact cu 4 rânduri</h3> <p>Conține etichetă și număr fix de rânduri vizibile.</p> <pre><code><label for="mesaj">Mesajul tău:</label><br> <textarea id="mesaj" name="mesaj" rows="4" cols="50" placeholder="Descrie pe scurt problema ta..."></textarea></code></pre> <p><span class="invata-output-label">Ce afișează browserul</span></p> <pre class="invata-output"><code>O casetă de text înaltă pe 4 linii, cu bară de derulare automată la depășirea spațiului.</code></pre> <h2>Greșeli frecvente</h2> <ul> <li>Încercarea de a seta conținutul cu atributul value=”text”; la textarea, textul inițial se scrie exclusiv între <textarea> și .

Lăsarea de spații goale sau linii noi între și , ceea ce umple căsuța cu spații reale.

Comenzi înrudite

• <input>: Cel mai versatil element de formular: își schimbă complet aspectul și funcția în funcție de atributul type.
• <form>: Containerul principal pentru colectarea datelor de la utilizator și trimiterea lor către un server.
• <label>: Etichetă accesibilă pentru un control de formular: dând clic pe etichetă, activezi sau bifezi câmpul asociat.