Ukoliko imate potrebu unijeti veću količinu teksta, umjesto <INPUT type="text"> koristit ćete TEXTAREA. Textarea tag omogućuje da se veća količina teksta proslijedi na obradu u neku skriptu (PHP, JS, CGI itd.)
<form action="" method="POST" enctype="application/x-www-form-urlencoded"> oglas: <textarea name="oglas" cols="50" rows="5"></textarea> </form>
Atributi TEXTAREA polja
name="string"
Kao i kod drugih form tagova, ovaj atribut dodjeljuje naziv varijabli koja će se proslijediti do skripte. Ukoliko
ne upotrijebite ovaj atribut skripta neće prepoznati o kojoj se varijabli radi te će uneseni podatak biti neupotrebljiv.
Pri imenovanju polja tj. varijable koristite samo alfanumeričke znakove (brojeve i slova) te underscore crticu ( _ ).
predefinirana (default) value vrijednost
Vrijednost ove varijable ne određuje atribut value nego je vrijednost ove varijable
smještena između <textarea> i </textarea>. Pogledajte primjer dolje:
<form action="" method="POST" enctype="application/x-www-form-urlencoded"> oglas: <textarea name="oglas" cols="50" rows="5">Nekakav predefinirani tekst !!!</textarea> </form>
cols="integer" i rows="integer"
Atribut cols određuje koliko će stupaca polje biti široko, a rows koliko
će redova biti visoko. Integer je broj koji određuje dimenzije u broju znakova (ne u pixelima).
wrap="soft | hard | off"
Ovaj atribut određuje ponašanje texta kad se pri unosu dosegne kraj polja.
U slučaju da stavimo soft kada pri unosu texta dosegnemo kraj polja automatski će se prijeći u novi red. No pri prijenosu texta na skriptu neće se prenositi taj automatski carriage return (linebreak) pa će skripta text vidjeti kao da je u jednom redu.
Kod hard text će u polju biti prikazan isto kao kod soft. Dakle, text će automatski prelaziti u novi red. Razlika je u tome što će skripta vidjeti i automatski umetnuti carriage return pa će vidjeti text točno onako kako ga i mi budemo vidjeli u textarea polju.
U slučaju da se radi o off automatsko prebacivanje u novi red se isključuje te text ostaje u istom redu sve dok se ne pritisne ENTER.
<form action="" method="POST" enctype="application/x-www-form-urlencoded"> oglas: <textarea name="oglas" cols="10" rows="5" wrap="off">Nekakav predefinirani tekst !!!</textarea> </form>
Tekst u TEXTAREA polju
U gornjim primjerima vidimo da se text ('oglas') uz textarea polje nalazi dolje.
Da bi text bio gore stavit ćemo: style="vertical-align:top;"
a da bi bio u sredini: style="vertical-align:middle;"
<form action="" method="POST" enctype="application/x-www-form-urlencoded"> oglas: <textarea name="oglas" cols="20" rows="5" style="vertical-align:middle;"></textarea> </form>
Centrirati text u samom textarea polju može se postići kao u slijedećem primjeru:
<form action="" method="POST" enctype="application/x-www-form-urlencoded"> oglas: <textarea name="oglas" cols="20" rows="5" style="text-align:center;"></textarea> </form>