HTML таг `textarea`

Пример

Кратък пример как се използва тагът <textarea>.

<form>
  <label for="message">Съобщение:</label>
  <textarea id="message" name="message" class="form-control" rows="4" cols="50" placeholder="Въведете вашето съобщение тук..."></textarea>
  <button type="submit" class="btn btn-primary mt-2">Изпрати</button>
</form>

Опитай в редактора

Дефиниция и употреба

Тагът <textarea> се използва за създаване на многострочно текстово поле във формуляри. За разлика от <input type="text">, което е едноредово, <textarea> позволява въвеждане на по-дълъг текст – коментари, описания, съобщения и др.

Елементът има начален и краен таг, а текстът между тях е началната стойност, която се показва в полето. Размерът на полето може да се контролира чрез атрибутите rows и cols, както и чрез CSS (например с width и height). В HTML5 потребителят обикновено може да променя размера на полето чрез „дръжката“ в долния десен ъгъл (освен ако това не е забранено с CSS).

Най-често <textarea> се използва вътре в <form> и трябва да има атрибут name, за да бъде изпратена стойността му към сървъра при изпращане на формуляра. Може да се комбинира с атрибути като placeholder, maxlength, required, readonly, disabled, както и с Bootstrap класове като form-control за по-добър външен вид.

Browser Support

Browser	Поддръжка
Chrome	✔️
Firefox	✔️
Edge	✔️
Safari	✔️
Opera	✔️

Атрибути

Атрибут	Описание	Пример
`name`	Име на полето, използвано при изпращане на формуляра към сървъра.	`<textarea name="comment"></textarea>`
`rows`	Брой видими редове текст.	`<textarea rows="4"></textarea>`
`cols`	Брой видими колони (ширина в символи).	`<textarea cols="50"></textarea>`
`placeholder`	Текст-подсказка, който се показва, когато полето е празно.	`<textarea placeholder="Въведете съобщение..."></textarea>`
`maxlength`	Максимален брой символи, които могат да бъдат въведени.	`<textarea maxlength="200"></textarea>`
`required`	Прави полето задължително за попълване преди изпращане на формуляра.	`<textarea required></textarea>`
`readonly`	Полето е само за четене – не може да се редактира от потребителя.	`<textarea readonly>Текст</textarea>`
`disabled`	Деактивира полето; не може да се фокусира и не се изпраща с формуляра.	`<textarea disabled></textarea>`
`wrap`	Определя как се пренася текстът при изпращане: `soft` (по подразбиране) или `hard`.	`<textarea wrap="hard"></textarea>`
`form`	Свързва `<textarea>` с формуляр по `id`, дори да е извън него.	`<textarea form="contactForm"></textarea>`

Тагове

a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del details dfn dialog div dl dt em embed fencedframe fieldset figcaption figure footer form h1 h2 h3 h4 h5 h6 head header hgroup hr html i iframe img input ins kbd label legend li link main map mark menu meta meter nav noscript object ol optgroup option output p picture pre progress q rp rt ruby s samp script search section select selectedcontent slot small source span strong style sub summary sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr

HTML таг textarea