Oktober 09, 2011

Macam Sistem Textarea Dengan Tambahan Javascript

Situseo Blog : Macam Sistem Textarea Dengan Tambahan Javascript, textarea merupakan tag html yang jika digunakan akan menghasilkan suatu ruang untuk menyimpan teks atau script dengan membentuk area baru. seperti kebiasaan orang, textarea biasanya digunakan untuk menyimpan script atau teks agar menjadi pembeda dalam penyajian penulisan, untuk membuat textarea kita hanya perlu menuliskan tag <textarea> seperti ini :

<textarea>isi teks area</textarea>

untuk menentukan berapa baris dan lebar textarea kita bisa tambahkan attribute rows dan cols, rows menerangkan berapa baris teks yang akan ditampilkan, sedangkan cols menerangkan berapa lebar ukuran textarea yang akan dibuat, sebagai contoh scriptnya menjadi seperti ini :

<textarea rows="3" cols="40">isi textarea</textarea>

Sehingga hasilnya seperti ini:


Atau kita bisa mengganti ukuran ruang textarea dengan menggunakan style css, sehingga scriptnya menjadi seperti ini :

<textarea style="height:50px; width:300px">isi textarea</textarea>

dan hasilnya seperti ini:


Untuk memudahkan pengunjung untuk menyeleksi (highlight isi textarea) kita bisa tambahkan attribute lain dan tambahan tag, yaitu tag <form> dan sedikit javascript untuk menghasilkan sitem seleksi yang diinginkan, dibawah ini ada beberapa contoh sistem seleksi yang bisa dijadikan alternatif pilihan :

One Click Seleksi Textarea


Double Click Seleksi Textarea


Arahkan Mouse Pada Textarea


Pindahkan Mouse Dari Textarea


Untuk yang satu lagi menggunakan tambahan tombol untuk menyeleksi semua isi textarea dan untuk ukurannya saya mengganti dengan style css, sehingga kodenya menjadi seperti ini :

Textarea Dengan Tombol


apabila isi dari teks area panjang sedangkan kotak teks areanya kecil, nantinya teks area akan membentuk tombol scroll secara otomatis.

Jika ingin memodifikasi tampilan text area dengan tambahan css, kalian bisa mengetahui caranya pada link ini

Semoga bermanfaat,

3 Diskusi untuk Macam Sistem Textarea Dengan Tambahan Javascript

20 Maret 2013 21.29  

Gampang bgt ya ang.

20 Maret 2013 21.29  

Gampang bgt ya kang.

Posting Komentar

supaya diskusi berjalan baik, gunakan tombol jawab untuk reply. penggunaan tombol jawab, jangan menghapus kode komentar pada kotak komentar, cukup mengetikan komentar disebelah atau dibawah kode komentar. Terima kasih.

rate this post
beri nilai posting ini
Terima kasih,

Template by Dicas Blogger | Modifikasi ulang oleh Mas Dalang

101011  ©Situseo Blog | Powered by Blogger | Back to Top