Tag Textarea dan Atributnya

Tag ini digunakan untuk menampilkan suatu formulir dimana berisi tulisan dalam jumlah yang cukup banyak. Biasanya tag TEXTAREA digunakan untuk tempat dimana pengguna bisa mengisi komentar pada suatu situs atau tempat untuk menampilkan script � script program.

Contoh :

1. <TEXTAREA COLS=40 ROWS=6> Kamu dapat menuliskan suatu teks disini </TEXTAREA> 

Tag diatas akan menghasilkan suatu TEXTAREA yang memiliki kolom 40 dan baris 6.

Kamu dapat menuliskan suatu teks disini

TEXTAREA dapat digabungkan dengan tag FORM untuk menjadi inputan yang akan diolah oleh file pemroses sebagaimana seperti yang telah dijelaskan pada tag FORM tersebut

NAME

Atribut ini digunakan untuk meemberikan nama dari TEXTAREA. Atribut ini akan sangat berguna jika tag TEXTAREA digabungkan dengan tag FORM.

Contoh penulisan :

1. <TEXTAREA NAME=�papantulis� COLS=40 ROWS=6></TEXTAREA> 

COLS

Atribut COLS digunakan untuk menentukan lebar dari TEXTAREA.

Contoh :

1. <TEXTAREA NAME="kecil" COLS=10 ROWS=10></TEXTAREA>  
2. <TEXTAREA NAME="sedang" COLS=30 ROWS=10></TEXTAREA>  
3. <TEXTAREA NAME="lebar" COLS=50 ROWS=10></TEXTAREA>

Akan terlihat seperti berikut ini,

ROWS

Atribut ROWS digunakan untuk menentukan tinggi dari TEXTAREA.

Contoh :

1. <TEXTAREA NAME="rendah" COLS=30 ROWS=5></TEXTAREA>  
2. <TEXTAREA NAME="sedang" COLS=30 ROWS=10></TEXTAREA>  
3. <TEXTAREA NAME="tinggi" COLS=30 ROWS=20></TEXTAREA>

Akan terlihat seperti berikut ini,

READONLY

Atribut ini digunakan agar tulisan yang terdapat didalam TEXTAREA hanya dapat dibaca dan disalin tapi tidak dapat diubah.

Contoh :

1. <TEXTAREA NAME=�untukdibaca� COLS=40 ROWS=6 READONLY> Tulisan ini tidak dapat diubah tapi bisa disalin. </TEXTAREA> 

Tampilannya akan seperti ini,

Tulisan ini tidak dapat diubah tapi bisa disalin.

DISABLED

Atribut ini digunakan agar tulisan yang terdapat didalam TEXTAREA tidak dapat disalin dan diubah.

Contoh :

1. <TEXTAREA NAME=�terlarang� COLS=40 ROWS=6 DISABLED> Tulisan ini tidak dapat disalin maupun diubah. </TEXTAREA> 

Maka hasilnya akan terlihat seperti berikut ini,

Tulisan ini tidak dapat disalin maupun diubah.

TABINDEX

Tombol TAB pada keyboard kamu dapat digunakan untuk memindahkan kursor komputer ke suatu formulir pada dokumen HTML, dengan atribut ini perpindahan kursor dapat diatur.

Contoh :
Gunakan tombol TAB untuk pindah dari satu formulir ke formulir lain.

1. <TABLE BORDER CELLPADDING=3 CELLSPACING=5 BGCOLOR="#FFFFCC">  
2. <TR>  
3.      <TD>Nama: <INPUT NAME="Nama" TABINDEX=1></TD>  
4.      <TD ROWSPAN=3>Biografi<BR />  
5.      <TEXTAREA COLS=25 ROWS=5 TABINDEX=4></TEXTAREA></TD></TR>  
6. <TR> <TD>email: <INPUT NAME="email" TABINDEX=2></TD></TR>  
7. <TR> <TD>Hobi: <SELECT NAME="hobi" TABINDEX=3>  
8.      <OPTION VALUE="">...  
9.      <OPTION VALUE="renang">Berenang  
10.      <OPTION VALUE="bola">Sepakbola  
11.      <OPTION VALUE="musik">Musik  
12.      <OPTION VALUE="tari">Tari</SELECT></TD></TR>  
13. </TABLE>

Tabel tersebut akan terlihat seperti berikut ini,

Nama:	Biografi
email:
Hobi: ... Berenang Sepakbola Musik Tari

Satu contoh lagi dengan tabindex yang berbeda dapat dilihat di bawah ini,

1. <TABLE BORDER CELLPADDING=3 CELLSPACING=5 BGCOLOR="#FFFFCC">  
2. <TR>  
3.      <TD>Nama: <INPUT NAME="Nama" TABINDEX=1></TD>  
4.      <TD ROWSPAN=3>Biografi<BR />  
5.      <TEXTAREA COLS=25 ROWS=5 TABINDEX=2></TEXTAREA></TD></TR>  
6. <TR> <TD>email: <INPUT NAME="email" TABINDEX=4></TD></TR>  
7. <TR> <TD>Hobi: <SELECT NAME="hobi" TABINDEX=3>  
8.      <OPTION VALUE="">...  
9.      <OPTION VALUE="renang">Berenang  
10.      <OPTION VALUE="bola">Sepakbola  
11.      <OPTION VALUE="musik">Musik  
12.      <OPTION VALUE="tari">Tari</SELECT></TD></TR>  
13. </TABLE> 

Hasilnya seperti berikut ini, (gunakan Tab untuk berpindah kolom)

Nama:	Biografi
email:
Hobi: ... Berenang Sepakbola Musik Tari