Tutorial HTML

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 :

<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 :

<TEXTAREA NAME=”papantulis” COLS=40 ROWS=6></TEXTAREA>

COLS

Atribut COLS digunakan untuk menentukan lebar dari TEXTAREA.
Contoh :

<TEXTAREA NAME="kecil" COLS=10 ROWS=10></TEXTAREA>
<TEXTAREA NAME="sedang" COLS=30 ROWS=10></TEXTAREA>
<TEXTAREA NAME="lebar" COLS=50 ROWS=10></TEXTAREA>

Akan terlihat seperti berikut ini,

Kalian dapat mencobanya pada papan tulis yang disediakan di bawah.

ROWS

Atribut ROWS digunakan untuk menentukan tinggi dari TEXTAREA.
Contoh :

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

Akan terlihat seperti berikut ini,

Kalian dapat mencobanya pada papan tulis yang disediakan di bawah.

READONLY

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

<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.

Kalian dapat mencobanya pada papan tulis yang disediakan di bawah.

DISABLED

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

<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.

Kalian dapat mencobanya pada papan tulis yang disediakan di bawah.

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.

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

Tabel tersebut akan terlihat seperti berikut ini,

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

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

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

Kalian dapat mencobanya pada papan tulis yang disediakan di bawah.