Membuat Teks Area

Nah, berikut contoh kode Textearea dasar yang sering dilihat.

<center><textarea>Letakan kode - kode Html yang akan sobat taruh disini untuk dicopy orang lain atau pengunjung</textarea></center>

Kode merah adalah isi dari pada Textarea.
Kode hijau adalah kode untuk menengahkan Textarea.
Hasilnya seperti ini :



Letakan kode - kode Html yang akan sobat taruh disini untuk dicopy orang lain atau pengunjung
Nah, berikut ini adalah Editan Textarea.

Edit Ukuran, Warna, Tinggi jarak baris, dan Padding Textarea.

<center><textarea name="code" rows="2" cols="50" style="background: none repeat scroll 0% 0% #000000; color: #FFFFFF; line-height: 1.5em; padding: 5px;">Letakan kode - kode Html yang akan sobat taruh disini untuk dicopy orang lain atau pengunjung. Mungkin tidak hanya kode yang diletakan, bisa saja text peringatan atau pemberitahuan kepada pengunjung.</textarea></center>

Keterangan Warna :
~ Warna Biru adalah Ukuran Lebar (cols) dan Tinggi (Rows) Textarea.
~ Warna Unggu adalah Warna Background #000000. Bisa diganti dengan kode background: none repeat scroll 0% 0% url (Alamat Gambar) ; untuk mengganti dengan Gambar.
~ Warna Oranye adalah Warna Tulisan.
~ Warna Hijau muda adalah Tinggi jarak Baris.
~ Warna Biru muda adalah Jarak Antara Batas Textarea dengan Tulisan.
~ Dan Warna Hijau adalah Isi Textraea.

Maka Hasilnya akan seperti berikut :



Letakan kode - kode Html yang akan sobat taruh disini untuk dicopy orang lain atau pengunjung. Mungkin tidak hanya kode yang diletakan, bisa saja text peringatan atau pemberitahuan kepada pengunjung.



Apa itu Highlight? Highlight adalah dimana kode tersebut berfungsi memudahkan untuk mengcopy semua text yang terdapat didalam Textarea (Ctrl + A). Ini sangat berfungsi selain praktis dan efisien, Highlight juga berguna mencegah pengunjung ketinggalan beberapa text yang akan dicopynya.

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="#000000; color: #FFFFFF; WIDTH: 300px; HEIGHT: 50px" name="txt" rows="2" wrap="VIRTUAL" cols="50">Letakan kode - kode Html yang akan sobat taruh disini untuk dicopy orang lain atau pengunjung. Mungkin tidak hanya kode yang diletakan, bisa saja text peringatan atau pemberitahuan kepada pengunjung.</textarea></p></div></form>

~ Warna yang Biru adalah Nama yang terdapat di Button atau Tempat klik Highlight.
~ Warna yang Kuning adalah lebar dan panjang Textarea.

Maka Hasilnya akan seperti berikut :

Letakan kode - kode Html yang akan sobat taruh disini untuk dicopy orang lain atau pengunjung. Mungkin tidak hanya kode yang diletakan, bisa saja text peringatan atau pemberitahuan kepada pengunjung.

Selesai..Terima kasih untuk perhatiannya. Semoga Berhasil!! :)