putuyudistirap

Just another WordPress.com weblog

Cara Membuat Text Area dengan Fasilitas Select All

Posted by rabot416 pada Agustus 1, 2009

Text area adalah sebuah perintah HTML yang berfungsi untuk membuat kotak, Kotak ini biasa digunakan untuk mengisi kode-kode pada postingan maupun untuk membuat kotak link exchange. Nah bagi anda yang ingin mencobanya caranya sangat mudah. Anda cukup copy kode dibawah ini lalu letakkan ke blog anda.

<div style="text-align: center;”>

Tulis text ataupun kode yang mau anda tampilkan disini



Keterangan:

Teks yang dicetak hitam merupakan teks yang muncul pada kotak. Silahkan diganti dengan teks atau kode anda.

center menunjukkan posisi kotak ditengah. Jika anda ingin meletakkan dikiri maka ganti dengan left atau right jika anda ingin meletak disebelah kanan

width merupakan lebar kotak dan height merupakan tinggi kotak. Silahkan diganti sesuai keinginan.

Membuat kotak teks/text area dengan fasilitas Select All ;

Tadi kita sudah membahas tentang cara membuat text area. Nah sekarang kita akan membahas tentang kelanjutannya yaitu text area dengan tombol select all. Tombol select all adalah sebuah tombol yang digunakan untuk menghighlight seluruh teks yang berada didalam text area sehingga kita atau pengunjung bisa lebih mudah untuk mengcopy seluruh teks atau kode yang berada dalam text area.

Nah agar lebih jelas silahkan anda klik tombol Select All yang ada dibawah ini :

I Putu Yudistira P

Ok sudah jelaskan. Pingin mencobanya? Silahkan ikuti petunjuk dibawah ini

Untuk membuat text area dengan tombol Select All seperti diatas ;

<input value="Select All” onclick=”javascript:this.form.txt.focus();this.form.txt.select();” type=”button”/>

Tulis text ataupun kode yang mau anda tampilkan disini

Keterangan:

– Teks yang dicetak Hitam merupakan teks yang muncul pada tombol. Anda bisa menggantinya dengan nama lain.

– Teks berwarna hitam adalah teks muncul didalam kotak. Silahkan diganti dengan teks atau kode anda.

Selamat mencoba

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

 
%d blogger menyukai ini: