Tag <textarea> HTML

Definicja i użycie

<textarea> Tag definiuje kontrolkę wprowadzania tekstu wielo wierszowego.

<textarea> Elementy są zwykle używane w formularzach do zbierania wprowadzeń użytkownika, takich jak komentarze lub recenzje.

Obszar tekstowy może zawierać nieskończoną liczbę znaków i tekst jest prezentowany w czcionce o stałej szerokości (zwykle Courier).

Rozmiar obszaru tekstowego jest określony przez atrybuty cols i rows (lub CSS).

Po wysłaniu formularza atrybut name jest wymagany do odniesienia się do danych formularza (jeśli pominie się atrybut name, dane obszaru tekstowego nie zostaną wysłane).

Wymagany jest atrybut id, aby powiązać obszar tekstowy z etykietą (label).

Wskazówka:Zawsze dodawaj <label> Tagi, aby uzyskać najlepsze praktyki dostępności!

Zobacz również:

Podręcznik referencyjny HTML DOM:Obiekt Textarea

Kurs CSS:Ustawienia stylu formularza

Przykład

Przykład 1

Wielostronicowy kontroler wejściowy tekstu (obszar tekstowy):

<label for="w3review">Komentarz do CodeW3C.com:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
Na codew3c.com nauczysz się, jak tworzyć strony internetowe. Oferują darmowe kursy w wszystkich technologiach Web deweloperskich.
</textarea>

Spróbuj sam!

Przykład 2

Wyłącz domyślne opcje dostosowywania rozmiaru:

<html>
<head>
<style>
textarea {
  resize: none;
}
</style>
</head>
<body>
<label for="w3review">Komentarz do CodeW3C.com:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
Na codew3c.com nauczysz się, jak tworzyć strony internetowe. Oferują darmowe kursy w wszystkich technologiach Web deweloperskich.
</textarea>
</body>
</html>

Spróbuj sam!

Atrybut

Atrybut Wartość Opis
autofocus autofocus Określa, że obszar tekstowy powinien automatycznie uzyskać fokus przy załadowaniu strony.
cols liczba Określa widoczną szerokość obszaru tekstowego.
dirname textareaname.dir Określa kierunek tekstu w tekście wysyłanym z obszaru tekstowego.
disabled disabled Określa, że obszar tekstowy powinien być wyłączony.
form id formularza Określa formularz, do którego należy obszar tekstowy.
maxlength liczba Określa maksymalną liczbę znaków dozwolonych w obszarze tekstowym.
name tekst Określa nazwę obszaru tekstowego.
placeholder tekst Określa krótki opis oczekiwanego wartości obszaru tekstowego.
readonly readonly Określa, że obszar tekstowy powinien być tylko do odczytu.
required required Określa, że obszar tekstowy jest wymagany.
rows liczba Określa liczbę widocznych wierszy w obszarze tekstowym.
wrap
  • hard
  • soft
 Określa, jak tekst w obszarze tekstowym ma być wcięty przy wysyłaniu formularza.

Globalne atrybuty

<textarea> Tagi obsługują również Globalne atrybuty w HTML.

Atrybuty zdarzeń

<textarea> Tagi obsługują również Atrybuty zdarzeń w HTML.

Domyślne ustawienia CSS

Brak.

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie