|
CARA MEMBUAT TEXT AREA
Textarea adalah tempat meletakan text atau tulisan dengan tatakan area putih pada umumnya. Biasanya Textarea digunakan untuk meletakan kode - kode html yang bisa dicopy dan paste oleh orang lain atau pengunjung. Saya akan mengajarkan cara membuat textarea dalam 3 model, silahkan Anda suka yang mana.
Textarea biasa
|
Textarea ini sangat sederhana, hanya saya tambahkan kode rows dan cols yang berfungsi mengatur jumlah baris dan kolom. Ini bisa dikatakan juga sebagai pengaturan lebar dan tinggi textarea. untuk mem-blok isinya, harus disorot manual. Kelemahannya adalah kadang bisa ada kode yang tertinggal jika saat melakukan sorot/blok dengan mouse kurang hati-hati. Terus terang saya kurang suka dengan textarea jenis ini. |
kode untuk membuat:
<textarea rows="5" cols="25">
Ini adalah Contoh Text area, Ini adalah Contoh Text area, Ini adalah Contoh Text area
</textarea>
Textarea dilengkapi tombol Select All
|
|
Textarea ini pada dasarnya kombinasi antara form dan textarea, sehingga akan memudahkan dalam mem-blok atau menyorot isi textarea. Agar jelas maksudnya coba klik tombol Select All. Setelah diblok semua tinggal dicopy dengan klik kanan atau tekan Ctrl-V pada keyboard.
Jika dipasang pada widget sidebar maka textarea jenis ini lebih baik dan tentu lebih keren, hehe..
|
kode untuk membuat:
<form>
<input onclick="javascript:this.form.albritext.focus();this.form.albritext.select();" value="Select All" type="button"><br>
<textarea name="albritext" rows="5" cols="25">
Ini adalah Contoh Text area, Ini adalah Contoh Text area, Ini adalah Contoh Text area
</textarea>
</form>
Textarea otomatis mem-blok isi saat dklik
|
Textarea ini adalah favorite saya, dimana lebih sederhana tapi memiliki fungsi yang optimal. Saat di-klik akan otomatis mem-blok semua isinya, tinggal dicopy atau tekan Ctrl-V pada keybord.
|
kode untuk membuat:
<textarea rows="5" cols="25" onclick="this.focus(); this.select();">
Ini adalah Contoh Text area, Ini adalah Contoh Text area, Ini adalah Contoh Text area
</textarea>
Semua kode yang ber-warna merah adalah kode untuk membuat textarea, dan lainnya adalah isinya. Jadi anda tinggal mengubah isinya sesuai dengan keinginan.
Saya rasa cukup cara pembuatan textarea yang dicontohkan diatas. Perlu juga diketahui bahwa semua kode diatas juga akan semakin optimal dan menjadi semakin cantik jika disertakan pula style, baik dimasukkan langsung maupun di-include-kan dalam CSS.
Semoga bermanfaat.
|
