Tutorial Membuat Text Area dengan Fasilitas Select All

Kembali lagi mengetengahkan tutorial blogspot dengan judul tutorial membuat text area dengan fasilitas select all. Kalo sebelumnya saya pernah juga posting tutorial cara membuat text area namun tanpa fasilitas select all.

Text area ini biasanya digunakan untuk menuliskan kode HTML/Java Script pada postingan kita. Dibawah ini contoh text area dengan fasilitas select all yang saya maksud :

Tulis text ataupun kode HTML/Java script yang mau anda tampilkan disini

Nah fungsi fasilitas "select all" ini memudahkan orang yang ingin mem-blok kode pada text area dengan sekali klik saja, maka seluruh kode akan ter-blok untuk kemudian di copy.

Oke sekarang bagaimana cara membuat text area dengan fasilitas select all? Cukup mudah, copy kode berikut ke dalam postingan anda.

<form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></div><p style="text-align: center;"><textarea style="padding: 3px; width: 300px; height: 50px;" name="txt">Tulis text ataupun kode yang mau anda tampilkan disini</textarea></p></form><br />

Anda bisa merubah ukuran text areanya dengan mengganti angka width dan height. Semakin besar angkanya, semakin luas text areanya..

Oke selamat mencoba semoga bermanfaat, jangan lupa tinggalkan komentar...
O iya kalo belum tau cara menuliskan kode HTML/java sript pada postingan ada tutorialnya disini dengan judul cara menulis kode HTML/java script pada postingan