Pole wieloliniowe <textarea>
Mirosław Zelent
Wieloliniowe pole zdefiniujemy w HTML znacznikami <textarea></textarea>
. Słowo area
oznacza "przestrzeń" (w sensie: do wpisywania tekstu). Poznane przez nas wcześniej pola edycyjne pozwalały na wprowadzenie dokładnie jednej linii tekstu. Tylko jednej!
Czasami jednak chcemy napisać komentarz (na przykład pod filmem na YouTube), czy wysyłać prywatną wiadomość, posta na forum, maila. Takie sytuacje wymagają wpisania już kilkuliniowego tekstu i po to właśnie mamy znacznik <textarea></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 piszącemu 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 jest to minimalna ilość znaków, które zmieszczą się w jednej linii). W przykładzie poniżej zdefiniowano 5 wierszy, po około 44 znaki w każdym z nich:
<label for="komentarz">Skomentuj:</label>
<textarea id="komentarz" rows="5" cols="44"></textarea>
Polecamy: Mega Sekurak Hacking Party
Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - wpiszcie go w koszyku, dzięki czemu otrzymacie 40% zniżki na bilet standard. Więcej szczegółów znajdziecie tutaj.
Książka: Wprowadzenie do bezpieczeństwa IT
Niedawno wystartował dodruk świetnej, rozchwytywanej książki pt. "Wprowadzenie do bezpieczeństwa IT, Tom I" (około 940 stron). Mamy dla Was kod: pasja (wpisz go w koszyku), dzięki któremu otrzymacie 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla naszych Widzów! Jest to pierwszy tom serii o ITsec, który wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!
Pomóż dzieciom
Polska Akcja Humanitarna od wielu lat dożywia dzieci. Prosimy, poświęć teraz dosłownie chwilę i pomóż klikając w oznaczony strzałką zielony brzuszek Pajacyka. Dziękujemy!
Komentarze
Czy macie jakieś pytania, sugestie, uwagi? A może zauważyliście literówkę albo błąd? Dajcie koniecznie znać: kontakt@pasja-informatyki.pl. Dziękujemy za poświęcony czas - to dzięki Wam serwis staje się coraz lepszy!