O'ya lihat video anak punk lucu bikin ngakak yuk..klik di sini

Contoh-Contoh Kode Html Text Area

Dalam pembuatan teks area ini sebenarnya tidak begitu sulit akan tetapi kita butuh kejelian untuk mempraktekannya. Berhubung dalam pembuatan teks area ini sangat di butuhkan sekali kesabaran maka buat sobat yang belum terbiasa menggunakan teks area atau belum mengenal sama sekali apa itu teks area maka jangan sekali-kali praktek ke blog utama sobat jika sobat tidak mempunyai waktu yang luang. Sebelum sobat mengetahui lebih lanjut kode-kode HTML teks area ini alangkah bagusnya sobat juga baca postingan saya yang berjudul Cara membuat teks area yang mudah klik disini. Karena dalam pertemuan kali ini saya cuma akan berbagi contoh-contoh kode teks area yang sedikit saya ketahui kepada sobat-sobat sekalian.

Adapun contoh-contohnya adalah :

Contoh yang pertama


Kodenya yaitu :
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Tombol Di Klik"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>


Catatan : Sesuaikan ukuran Width, Height, Rows dan Cols sesuai dengan keinginan. Sobat juga bisa mengganti kata Tombol Di Klik dengan kata-kata yang lain


Contoh yang ke dua



Kodenya yaitu :

<center><textarea cols="42" name="code" rows="5" style="background: #66FFFF; border: 3px dotted #000000; color: black; line-height: 1.5em; padding: 5px;">ADA YANG ANEH DARI KEGANJALAN DISINI DAN SEMUA YANG MEMBUAT AKU TERTAHAN DAN TERTATIH</textarea></center>


Catatan : Sesuaikan ukuran Cols, Rows, Border, Line-Height dan Padding. Sobat juga bisa mengganti warna #66FFFF dan #000000 dengan kode-kode warna yang lain


Contoh yang ketiga


Kodenya yaitu

<center><textarea cols="42" name="code" rows="5" style="-moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; background: #66FFFF; border: 2px ridge #7F4500; color: black; line-height: 1.5em; padding: 5px;">ADA YANG ANEH DISINI YANG MEMBUAT AKU TERTAHAN DAN TERTATIH</textarea></center></div>


Catatan : Sesuaikan Cols, Rows dan Kode Warna sesuai keinginan

Contoh yang ke empat




Kodenya yaitu
<textarea>Silahkan Tulis apa saja di sini</textarea>


Kalau sobat ingin membuat teks area yang di dalamnya terdapat kode javasript atau kode HTML seperti yang saya berikan di dalam postingan ini sobat bisa mengunjungi http://centricle.com/tools/html-entities/ untuk merubah kode javasript ke kode yang lain agar tidak bisa terhubung dengan kode javascript kode teks area ini.
Contoh : Bila kita ingin membuat teks area yang di dalamnya ada kode misalkan kode seperti ini <textarea rows="5" cols="25" onclick="this.focus(); this.select();">Silahkan Tulis apa saja di sini</textarea>

Semoga informasi yang sedikit saya ketahui mengenai contoh-contoh teks area ini bermanfaat buat kita semua
Comments
0 Comments

No comments:

Post a Comment