Membuat Teks Area pada Blog; Komplit

Sahabat tahu apa itu text area? Ah, Ngonline06 yakin sahabat semua tahu apa itu text area. Seperti susunan katanya, text area adalah lokasi sebuah teks. Artinya, sahabat bisa membuat lokasi khusus untuk teks yang khusus. Biasanya teks area ini dibuat untuk kode-kode tertentu atau html yang sahabat ingin bagi untuk pengunjung blognya. Maka dari situlah, kebutuhan untuk membuat text area sangat penting. 

Disini, Ngonline06 akan berbagi kode text area menjadi tiga jenis. Yaitu, jenis biasa, jenis otomati, dan jenis tombol. Biar gak pake bingung, langsung saja ke TKP ya....

#1 Teks Area Jenis Biasa

Artinya, teks area ini dibuat sederhana, tanpa ada seleksi di dalamnya. Kodenya adalah sebagai berikut:

<textarea rows="4" cols="50">
Teks atau Kode Sahabat Disini
</textarea>

Untuk hasil dan bentuk teks area jenis biasa, silahkan lihat hasilnya dari teks area jenis biasa di bawah ini.

Teks atau Kode Sahabat Disini

#2 Teks Area Seleksi Otomatis

Artinya, teks area ini jika diklik, maka secara otomatis akan terseleksi. Kodenya adalah sebagai berikut:

<textarea rows="4" cols="50" onclick="this.focus();this.select()" readonly="readonly">
Teks atau Kode Sahabat Disini
</textarea>

Untuk hasil dan bentuk teks area seleksi otomatis, silahkan lihat bentuknya di bawah ini. Teks di dalam area secara otomatis akan terseleksi saat sahabat mengekliknya.

Teks atau Kode Sahabat Disini

#3 Teks Area Seleksi dengan Tombol

Artinya, teks area ini akan terseleksi dengan dikliknya tombol yang ada. Kodenya adalah sebagai berikut:

<form name="selectall">
<textarea name="messageBody" rows="4" cols="50">Teks atau Kode Sahabat Disini</textarea>
<br />
<input type="button" value="Select Text" onClick="javascript:this.form.messageBody.focus();this.form.messageBody.select();">
</form>

Sebagai hasil dari teks area seleksi dengan tombol, sahabat bisa melihatnya di bawah ini. Teks akan terseleksi secara otomatis saat sahabat menekan tombol yang ada di bawahnya.

Teks atau Kode Sahabat Disini

KETERANGAN: Jika sahabat ingin mengatur tinggi dan lebar dari teks area di atas, silahkan diatur rows (tinggi) dan cols (lebar).