Kotak Text Area Dengan Tombol Select All

Mungkin sobat ingin mencoba membuat kotak text area bertombol select all. Dengan membuat ini, dapat mempermudah para pengunjung blog sobat untuk menyeleksi teks atau kode pada kotak text area dengan cepat, jadi tidak perlu diseleksi secara manual cukup dengan menekan tombol select all.

Berikut caranya:

Sobat hanya perlu mengcopy-pastekan kode dibawah ini kedalam postingan atau elemen halaman blog sobat.

<form name="copy"><div align="left"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></div><textarea style="padding: 3px; width:200px; height:60px" name="txt";>Teks Anda</textarea>

 Sehingga hasilnya seperti dibawah ini:

Teks Anda

Ket:

• Kode berwarna merah dapat sobat ganti dengan teks, gambar atau link.
• Kode berwarna biru adalah tinggi dan lebar dari kotak teks yang dapat sobat atur dan sesuaikan.
• Kode berwarna hijau adalah letak dari tombol select all yang dapat sobat ganti menjadi left (kiri), right (kanan) dan center (tengah).

Selamat mencoba...
Semoga berguna dan bermamfaat...