✔ Cara Praktis Menciptakan Text Area Di Blog Terbaru

Bagaimana Cara Membuat Text Area Dengan Highlight? - Text area adalah sebuah kolom yang dibentuk sebagai kontainer goresan pena atau isyarat html yang ingin kita hidangkan kepada para pengunjung blog. Selain sebagai kontainer text biasa, text area juga dapat dibentuk dengan fungsi highlight semoga memudahkan pengunjung melaksanakan copy isi text area

Langsung saja kita mempelajari bagaimana cara  menciptakan isyarat HTML untuk text area. Kode ini dapat saudara masukkan di website ataupun blog anda:

Membuat Text Area Biasa 

 

<p align="center"><textarea name="mytextarea" rows="5" cols="40" readonly=""> ISI DENGAN TULISAN / KONTEN YANG DIINGINKAN </textarea></p>

karenanya akan terlihat menyerupai di bawah ini :

  ISI DENGAN TULISAN / KONTEN YANG DIINGINKAN

Ada dua parameter yang perlu anda perhatikan, yang pertama yaitu cols, yang berarti jumlah huruf yang ditampilkan per baris. Parameter kedua yaitu rows yang berarti jumlah baris yang akan ditampilkan oleh text area, kalau jumlah baris yang diketik lebih panjang dari yang disediakan makan text area akan menampilkan scrolling.

Membuat Text Area dengan Tombol Highlight

Text area juga dapat dibentuk dengan menambahkan fungsi highlight, di mana fungsi ini akan menyorot semua text yang berada di dalam text area. Ini akan membantu pengunjung blog kalau ingin mengcopy isi dari text area yang terlalu panjang. Langsung saja kita lihat teladan isyarat html berikut ini: 

<div><form name="copy"><div align="center"><input onclick="j4vascript: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>

Untuk contohnya

Masukkan text yang diinginkan di sini. Jika terlalu panjang akan muncul scroll untuk membantu anda membaca keseluruhan teks

Kode di atas memiliki dua bab utama, yaitu yang menciptakan fungsi highlight dan yang menciptakan fungsi text area. Dari semuanya ada beberapa isyarat yang dapat diubah yaitu:
Height: 100px yang menyatakan tinggi text area anda nantinya
Width: 200px yang menyatakan lebar dari text area
Value="Highlight All" yaitu text yang akan ditampilkan pada tombol

Kaprikornus silahkan diedit text area ini sesuai kebutuhan anda.

Sumber http://inirifany.blogspot.com

Share this post

Berlangganan update artikel terbaru via email: