Pole wieloliniowe <textarea>

Artykuł  | Mirosław Zelent

Wieloliniowe pole zdefiniujemy w HTML znacznikami <textarea></textarea>. Słowo area oznacza przestrzeń [do wpisywania tekstu]. Zauważmy, że poznane przez nas wcześniej pola edycyjne pozwalały na wprowadzenie dokładnie jednej linii tekstu. Tylko jednej! A czasami chcemy napisać komentarz (na przykład pod filmem na YouTube), czy wysyłać prywatną wiadomość, posta na forum, e-maila. Takie sytuacje wymagają wpisania już kilkuliniowego tekstu i po to właśnie mamy znacznik <textarea>:

<label for="komentarz">Skomentuj:</label>
<textarea id="komentarz"></textarea>

Jeśli chodzi o atrybuty pola wieloliniowego – możemy ustalić ile znaków ma takie pole mieścić w pojedynczej linii oraz ile linii tekstu dajemy komuś do dyspozycji (bez pojawienia się pionowego paska przewijania – ang. scrollbar).

Rozmiar pola wieloliniowego można w prosty sposób zdefiniować dwoma atrybutami: rows, czyli ilość wierszy, oraz cols – ilość kolumn (w praktyce minimalna ilość znaków w jednej linii).

W przykładzie poniżej zdefiniowaliśmy 5 wierszy, po około 44 znaki:

<label for="komentarz">Skomentuj:</label>
<textarea id="komentarz" rows="5" cols="44"></textarea>

Komentarze

Czy macie jakieś uwagi, pytania, sugestie? A może zauważyliście literówkę albo błąd? Dajcie koniecznie znać w komentarzach. Dziękujemy Wam za poświęcony czas!