Cara Membuat Text Area dengan Fasilitas Select All

Share this Article now on :

Apa itu Text Area? Text area adalah sebuah perintah

Anda tulis kode/teks yang ingin di tampilakan disini!!!

HTML yang berfungsi untuk membuat kotak Kotak ini biasa digunakan untuk menyimpan kode, teks atau link untuk dicopy oleh pengunjung. Bagi Anda yang ingin mencobanya caranya sangat mudah. Anda cukup copy kode-kode yang ad di bawah ini ,lalu letakkan ke blog Anda.

<div style="text-align: center;"><textarea style="width: 300px; height: 50px; padding:3px">Anda tulis kode/teks disini!!!</textarea></div>

anaktimor-17.blogspot.com

Keterangan:
Teks yang dicetak merah tebal merupakan teks yang akanmuncul pada kotak. Anda ganti dengan teks atau kode yang ingin Anda tampilkan.Untuk mengatur posisinya ,Anda ganti center (posisi kotak di tengah) dengan posisi yang ingin Anda ganti .Jika ingin meletakan di sebelah kiri ganti dengan left dan sebaliknya unutk diselah kanan ganti dengan right .

Sedangkan width merupakan lebar kotak dan height merupakan tinggi kotak. Silahkan diganti sesuai kebutuhan.

anaktimor-17.blogspot.com

Membuat kotak teks/text area dengan fasilitas Select All
Pada langkah berikutini  kita akan membahas tentang cara membuat kotak/teks area dengan fasilitas select All.
Tombol select all merupakan 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.

Untuk langkah-langkahnya , ikuti petunjuk di bawah ini    :

Copy kode di bawah ini , dan tempatkan di blog 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">anaktimor-17.blogspot.com</textarea></p></form>

Jika anda ingin membuat text area dengan tombol Select All berada tepat  dibawah seperti

Maka  Anda gunakan kode dibawah ini      :

<form name="copy"><div style="text-align: center;"><textarea style="padding: 3px; width: 300px; height: 50px;" name="txt">Anda tulis kode/teks yang ingin di tampilakan disini!!!</textarea></div><p align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></p></form>

Keterangan:

anaktimor-17.blogspot.com

- Teks yang dicetak tebal merupakan nama tombol. Anda bisa menggantinya dengan nama lain.
- Teks berwarna merah adalah teks muncul didalam kotak. Silahkan diganti dengan teks atau kode anda.

Selamat mencoba!!!

Anda sedang membaca artikel tentang Cara Membuat Text Area dengan Fasilitas Select All dan anda bisa menemukan artikel Cara Membuat Text Area dengan Fasilitas Select All ini dengan url http://sailkomodo-2013.blogspot.com/2012/01/cara-membuat-text-area-dengan-fasilitas.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Membuat Text Area dengan Fasilitas Select All ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Cara Membuat Text Area dengan Fasilitas Select All sebagai sumbernya.Dan baca juga Privacy Policy Anaktimor17 Blog dengan url http://anaktimor-17.blogspot.com/2012/11/privacy-policy-for-httpanaktimor.html.

Rating Artikel : 5 Jumlah Voting : 99480 Orang