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

Daripada Bengong Lebih Baik Ngeblog, Dengan Ngeblog Anda Bisa Mempublikasikan Kreatifitas Anda

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

Sayangi Blog Anda,,Semoga Aku Akan Terus Menyukai Blog Tapi Blog Dengan Ramainya Pengunjung

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

Malam Ini Terasa Sunyi Sekali Karena Tidak Ada Sms DarimuKodenya 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

Silahkan Tulis apa saja di sini

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

Sertifikatkan kemampuan Komputer dan Bahasa Inggris anda
Sertifikat Komputer dan TOEFL tanpa ikut kursus, Ikuti Paket Ujian Saja
Klik Disini