Text Area dengan Tombol Highlight

Text Area dengan Tombol Highlight adalah bentuk modifikasi text area dengan tambahan fitur highlight. Fitur highlight ini berfungsi untuk memudahkan pengguna untuk menyalin atau copy tanpa harus meletakkan mouse dalam teks tersebut. User tinggal klik pada tombol highlight ini, maka secara otomatis semua text akan tersorot.

Ada banyak bentuk dan variasi box text area ini. Namun hanya beberapa yang memiliki keunggulan seperti text area bertombol highlight ini. Baiklah, selanjutnya mari kita bahas cara membuat text area dengan tombol highlight ini. Kode ini saya dapatkan dari blog ini.

Cara membuat text area dengan tombol highlight

1. Buka akun blogger.

2. Buat postingan baru.

3. Gunakan kode ini untuk membuat text area.

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 468px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly="">TULIS TEKS DI SINI, DAN JIKA TEKS TERLALU PANJANG, MAKA AKAN MUNCUL SCROLL DI SAMPING KANAN BOX</textarea></p></div></form>

Modifikasi :

WIDTH: 468px untuk lebar box

HEIGHT: 100px untuk tinggi box

rows="100" untuk jumlah deret

cols="55" untuk jumlah kolom

TULIS TEKS DI SINI, DAN JIKA TEKS TERLALU PANJANG, MAKA AKAN MUNCUL SCROLL DI SAMPING KANAN BOX adalah teks yang akan muncul dalam kotak

Selengkapnya lihat hasil text area ini.

TULIS TEKS DI SINI, DAN JIKA TEKS TERLALU PANJANG, MAKA AKAN MUNCUL SCROLL DI SAMPING KANAN BOX

Selesai bahasan cara membuat text area dengan tombol highlight ini. Jika ada yang mau ditanyakan, masukkan dalam komentar.

Share on: Facebook Twitter Google+ Linkedin Technorati Digg LintasMe

Related Articles :