Seperti namanya, textarea berarti area teks. Jadi, di dalam area ini, kita bisa memasukkan teks, dan jumlahnya tidak terbatas. Huruf yang digunakan di dalam textarea biasanya Courier. Untuk ukuran textarea, kita bisa menggunakan atribut kolom atau baris, bahkan kita bisa menggunakan CSS!

Nah, sekarang, kita akan mencoba bermain-main dengan benda yang satu ini! Cukup menyenangkan, kok! Diutak-atik gimana-gimana, bisa bikin hepi! :D


Cara membuat textarea:

Ikuti kode ini:

<textarea>Ini adalah textarea.</textarea>

Maka kita akan mendapatkan ini:

Ini adalah textarea.

Sekarang, kita akan mencoba yang lainnya!

<textarea cols="15" rows="7">Ini adalah textarea, dengan 15 kolom dan 7 baris.</textarea>

Ini dia:

Ini adalah textarea, dengan 15 kolom dan 7 baris.

Lucu, kan? Kita bisa menyesuaikan yang dipertebal itu! Yang merah untuk kolom, dan yang biru untuk baris! Coba aja dengan angka-angkamu sendiri! :)

Lalu, kita juga bisa mengubah garis pinggirnya!

Coba ini:

<textarea style="border: 3px dotted;">Ini adalah textarea dengan garis pinggir titik-titik.</textarea>

Lalu, coba lihat hasilnya!

Ini adalah textarea dengan garis pinggir titik-titik.

Haha, lucu, kan? Bahkan, kita bisa mengubah warnanya juga!

<textarea style="border: 3px dotted pink;">Ini adalah textarea dengan garis pinggir titik-titik warna pink.</textarea>

Keren, kan?

Ini adalah textarea dengan garis pinggir titik-titik warna pink.

Nah, untuk selanjutnya, ada beberapa tipe border yang bisa kita pakai untuk garis pinggir.

•  solid: garis biasa
•  dotted: titik-titik
•  dashed: garis putus-putus
•  outset: timbul
•  inset: menjorok ke dalem
•  groove: yah, dicoba aja, deh! xP
•  double: garis luarnya jadi dobel~
•  ridge: susah dijelasin, monggo dicoba...^^

Bahkan, kita bisa pake gabungan antara bentuk-bentuk itu untuk keempat bagian garis luar!

Contoh:

<textarea style="border-width:6px; border-color:blue; border-style:dotted dashed solid double;">Ini textarea dengan ketebalan border 6 piksel, warna biru, atas titik-titik, kanan garis putus-putus, bawah garis biasa, dan di kiri dobel! :)</textarea>

Nggak percaya? Lihat ini:

Ini textarea dengan ketebalan border 6 piksel, warna biru, atas titik-titik, kanan garis putus-putus, bawah garis biasa, dan di kiri dobel! :)

Gimana? Keren, ya!

Oh, ya, masih ada lagi! Kode ini fungsinya untuk membuat semua tulisan di textarea bisa langsung terblok hanya dengan satu klik! Mau coba? Ini caranya:

<textarea onclick="this.focus(); this.select();">Ini adalah textarea yang semua tulisan di dalamnya akan langsung diblok hanya dengan sekali klik.</textarea>

Nah, mari kita lihat hasilnya...

Ini adalah textarea yang semua tulisan di dalamnya akan langsung diblok hanya dengan sekali klik.

Sudah dicoba mengeklik tulisan di atas? Bisa langsung keblok semua, kan? Ya, itulah keajaiban teknologi! Bersyukurlah pada Allah atas segalanya!^^

Yap, seperti biasa, tentu saja kita bisa mengombinasikan semua kode di atas menjadi satu! Coba aja, kalo nggak percaya...