Cara Mudah Membuat Auto Select All Pada Text Area

Cara Mudah Membuat Auto Select All Pada 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

Silahkan tinggalkan jejak anda di kolom komentar. Terima Kasih.