Opis

textarea definiuje kontrolkę wielowierszowego pola tekstowego formularza.

Obszar tekstowy może zawierać nieograniczoną liczbę znaków, a tekst jest renderowany czcionką o stałej szerokości (zwykle Courier).

Przykład
Kod:
Atrybuty
Atrybut Wartość Opis
autofocus autofocus Określa, że element powinien automatycznie zostać aktywowany po załadowaniu strony. Atrybut logiczny.
cols number Określa widoczną szerokość obszaru tekstowego liczoną w znakach. Domyślnie 20. Możesz też użyć do ustawień szer. i wys. CSS.
dirname textareaname.dir Określa, że kierunek tekstu pola wejściowego zostanie przesłany. Wartością atrybutu jest zawsze nazwa textarea, po której następuje „.dir”.
disabled disabled Określa, że element powinien być wyłączony. Wyłączonego obszaru tekstowego nie można używać, a tekstu nie można wybrać (skopiować). Możesz użyć JS by to potem zmienić. Atrybut logiczny.
form form_id Określa formularz, do której należy element (gdyż np. znajduje się poza danym formularzem a mimo to jest jego częścią). Wartość tego atrybutu (form_id) musi być wartością id elementu <form> w tym samym dokumencie.
maxlength
minlength
number Określa maksymalnie dozwoloną / minimalnie wymaganą liczbę znaków w elemencie
name text Określa nazwę kontrolki. Atrybut służy do odwoływania się do elementów w JS lub do odwoływania się do danych formularza po jego przesłaniu.
placeholder text Atrybut zastępczy. Określa krótką wskazówkę opisującą oczekiwaną wartość obszaru tekstowego. Krótka wskazówka jest wyświetlana w polu tekstowym, zanim użytkownik wprowadzi wartość.
readonly readonly Określa, że obszar tekstowy jest tylko do odczytu (nie można go modyfikować ale można np. kopiować z niego tekst). Można je np. potem odblokować za pomocą JS. Atrybut jest logiczny.
required required Określa, że pole tekstowe jest wymagane - musi zostać wypełnione (w celu przesłania formularza). Atrybut logiczny.
rows number Określa wysokość obszaru tekstowego (w wierszach). Wartość domyślna to 2.
spellcheck default
true
false
Sprawdzanie pisowni i gramatyki:
kolejno: domyślne zachowanie | musi mieć | nie należy sprawdzać.
wrap hard
soft
Wskazuje ważność widocznego zawijania tekstu w kontrolce i zachowanie przy/po przesłaniu formularza:
- zawijanie ma znaczenie - wstawia tam znaki podziałów - Przeglądarka automatycznie wstawia podziały linii (CR + LF), dzięki czemu każda linia ma nie więcej niż szerokość kontrolki; cols musi być również określone aby to odniosło skutek.
- zawijanie w kontrolce jest bez znaczenia. Przeglądarka zapewnia, że ​​wszystkie podziały linii składają się z pary CR + LF, ale nie wstawia żadnych dodatkowych podziałów linii. (domyślnie)

CSS (domyślne ustawienia)

Info: