Cara Mudah Membuat Auto Select All Pada Text Area

Cara Mudah Membuat Auto Select All Pada Text Area

cara membuat auto select text area

Alhamdulillah hari ini bisa posting lagi. Kesempatan ini Bfc Sarif Blog akan membahas tentang Text area. Text area sendiri bisa diartikan sebuah kolom yang dibuat sebagai kontainer tulisan atau kode html yang ingin kita hidangkan kepada para pengunjung blog. Selain sebagai kontainer text biasa, text area juga bisa dibuat dengan fungsi highlight agar memudahkan pengunjung melakukan copy isi text area.

Untuk tutorial kali ini akan membahas tentang Cara Mudah Membuat Auto Select All Pada Text Area.

DEMO I auto select tanpa menggunakan tombol :



Cara Membuatnya :
silahkan tambahkan attribute di bawah ini ke dalama tag textarea :
onFocus="this.select()"
Contoh :


<textarea onFocus="this.select()">Ini hanya sekedar contoh</textarea>

DEMO II auto select menggukana tombol :



Cara Membuatnya :
copy kode di bawah ini :


<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: 200px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly="">Masukkan text yang diinginkan di sini. Jika terlalu panjang akan muncul scroll untuk membantu anda membaca keseluruhan teks</textarea></p></div></form>


Kode di atas mempunyai dua bagian utama, yaitu yang membuat fungsi highlight dan yang membuat fungsi text area. Dari semuanya ada beberapa kode yang bisa diubah yaitu:
  • Height: 100px yang menyatakan tinggi text area anda nantinya
  • Width: 200px yang menyatakan lebar dari text area
  • Value="Highlight All" adalah text yang akan ditampilkan pada tombol
Jadi silahkan diedit text area ini sesuai kebutuhan anda. 

Semoga bermanfaat kawan. Happy blogging ^_^

Terima kasih telah membaca artikel tentang Cara Mudah Membuat Auto Select All Pada Text Area , Jika anda merasa artikel ini penting,akan sangat membantu dan berguna bagi orang lain jika membagi dan mensharenya dengan mengklik icon G +1, Facebook dan Twitter disamping.

Judul: Cara Mudah Membuat Auto Select All Pada Text Area
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh Bfc Sarif SatriaSatriaan

Silahkan tinggalkan jejak anda di kolom komentar. Terima Kasih.

Baca Artikel Menarik Lainnya:

Teknik Rahasia Sukses Bisnis Online ClickBank



Dapatkan Artikel dan Informasi dari Tips dan Cara Mudah secara GRATIS
Silahkan masukkan Email Anda disini

BfcSarifBlog
Diposkan oleh Bfc Sarif SatriaSatriaan
Bfc Sarif Blog | Berbagi Tips dan Cara Mudah Updated at: 12:03 PM

1 comment

July 17, 2013 at 7:47 AM delete

Terima kasih tipsnya kk...langsung saya praktekan.
Salam kenal :)

Post a Comment

 
Design by Bfc Sarif SatriaSatriaan | Support D-S Barokah Eyelashes - Produsen Bulu Mata Palsu Purbalingga Produsen dan Penjual Bulu Mata Palsu Murah