Textarea dan contoh tampilannya

• Textarea Model biasa

Textarea Model biasa

<textarea cols="20" rows="2">Masukkan teks sobat disini</textarea>

• Textarea dengan huruf berwarna

Textarea dengan huruf berwarna

<textarea cols="20" rows="2" style=" color:#0022FF;">Masukkan teks sobat disini</textarea>

• Textarea dengan border solid

Textarea dengan border solid

<textarea name="code" cols="20" rows="2" style="border:5px solid #FF0000; ">Masukkan teks sobat disini</textarea>

• Textarea dengan border solid dan radius

Textarea dengan border solid dan radius

<textarea name="code" cols="30" rows="2" style="border:5px solid #FF0000; border-radius: 8px; ">Masukkan teks sobat disini</textarea>

• Textarea dengan border solid dan huruf berwarna

Textarea dengan border solid dan huruf berwarna

<textarea cols="30" rows="2" style="border:5px solid #FF0000; color:#0022FF;">Masukkan teks sobat disini</textarea>

• Textarea dengan background berwarna

Textarea dengan background berwarna

<textarea name="code" cols="30" rows="2" style="background:#00FF00;">Masukkan teks sobat disini</textarea>

• Textarea dengan background, border dan huruf berwarna

Textarea dengan background, border dan huruf berwarna

<textarea name="code" cols="30" rows="2" style="background:#00FF00; border:5px solid #FF0000; color:#ff6347; text-align:center;">Masukkan teks sobat disini</textarea>

• Textarea dengan Tombol Pilih semua

Textarea dengan Tombol Pilih semua

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Pilih semua"> </div><div align="center"></div><p align="center"><textarea style="width: 300px; height: 144px" name="txt" rows="100" wrap="virtual" cols="55">Masukkan teks sobat disini</textarea></p></div></form>

• Textarea Terblok Semua saat Dilewati cursor

Textarea Terblok Semua saat Dilewati cursor

<div>
<form name="Dido Blogger"><div align="center" style="margin-bottom: 0pt; margin-top: 0pt;">
<textarea ;="" cols="55" name="txt" onmouseover="this.form.txt.select()" rows="100" style="height: 50px; width: 300px;">Masukkan teks sobat disini</textarea></form>
</div> 

•  Text Area Yang Tidak Bisa Dihapus

Text Area Yang Tidak Bisa Dihapus

<div align="center"><textarea rows="2" cols="35" onclick="this.focus(); this.select();" readonly="">Masukkan Teks sobat Disini</textarea></div>

Keterangan :

• cols (kolom)  :  jumlah kolom atau lebar textarea
• rows (baris)   :  jumlah baris atau tinggi textarea
• untuk membuat textarea lebih menarik tampilannya, sobat bisa berkreasi sendiri dengan merubah jenis garis dan model bentuk dari border nya
  sebagai contoh dari jenis model dan bentuk border silahkan sobat lihat pada postingan saya sebelumnya disini dan juga disini (klik aja)