Twitter

Cara Membuat Textarea

Posted by Gustina Intan Tamara - -

Nah Bagi Sobat yang sudah bisa memposting kode HTML Blog dan ingin di tampilkan dalam kotak atau yang sering disebut textarea, sekarang saya akan memberikan beberapa modiffikasi bentuk textarea.



Nah gak usah lama-lama langsung saja.

Untuk tampilan yang pertama, Contohnya seperti ini :







Sobat hanya tinggal tambahkan kode berwrna biru di bawah ini :



<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode HTML yang Sobat inginkan di sini, maka nanti tulisan Sobat akan tampil di dalam text area  </textarea></p>
Tampilan keduan text area dengan select all
Contohnya seperti ini :




Sobat tinggal tambah kodenya berwrna biru dibawah ini :



<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Tulis text ataupun kode HTML yang Sobat inginkan di sini, maka nanti tulisan Sobat akan tampil di dalam text area dan siap di copy&lt;/textarea></p></div></form>
Keterangan tombol Select All :

<div align="center"> --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika Sobat ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.



lt;input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> --> kode ini artinya ketika tombol Select All di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi Sobat jangan merubah tulisan ini.

lue="Highlight All" --> kata Select All adalah kata yang akan muncul di dalam tombol, jadi jika Sobat ingin merubah tulisan ini silahkan ganti dengan kata yang Sobat inginkan.


Keterangan untuk Texarea :

<p align="center"> --> ini menunjukan bahwa text area akan berada di tengah, nah jika Sobat ingin text area Sobat berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.

<text style="WIDTH: 300px">-->kata "WIDTH:300px" menunjukan lebar dari text area tersebut sebanyak 300 pixel, jadi jika Sobat ingin memperpendek atau memperpanjang lebar text area, Sobat tinggal menggantinya dengan angka yang Sobat inginkan. misal: "WIDTH:700px;"

IGHT: 144px --> angka "144px" menunjukan bahwa text area akan mempunyai tinggi sebesar 144 px, jadi jika Sobat ingin merubahnya tinggal ganti angka tersebut dengan angka yang Sobat inginkan. Misal : HEIGHT:160p



Dan satu lagi Tips yang saya dapat dari OM KR :
Contoh text area yang memakai tombol Select All, memuat skript untuk melindungi dari right click para pengunjung. skript ini di pakai apabila Sobat tidak ingin tulisan-tulisan Sobat di copy paste oleh pengunjung. bagi yang berminat silahkan copy lalu pasang pada kode HTML Sobat antara kode <HEAD> dan </HEAD>.
Nah saya sudah capek nulisnya, selamat mencobanya semoga bermanfaat!

Leave a Reply

Diberdayakan oleh Blogger.