Bagaimana Cara Menciptakan Text Area Di Blog?

text area HTML

Bagaimana Cara Membuat Text Area Dengan Highlight? - Text area adalah sebuah kolom yang dibentuk sebagai kontainer goresan pena atau instruksi 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 instruksi 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 KONTEN YANG DIINGINKAN </textarea></p>

balasannya akan terlihat menyerupai di bawah ini :

<a href="http://trikmudahseo.blogspot.com" target="_blank">Belajar Blog dan SEO</a> Ini yakni format untuk menciptakan link dalam bahasa HTML

Ada dua parameter yang perlu anda perhatikan, yang pertama yakni cols, yang berarti jumlah abjad yang ditampilkan per baris. Parameter kedua yakni rows yang berarti jumlah baris yang akan ditampilkan oleh text area, jikalau 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 jikalau ingin mengcopy isi dari text area yang terlalu panjang. Langsung saja kita lihat pola instruksi html berikut 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>

Sebagai pola :

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 instruksi yang dapat diubah yaitu:

• Height: 100px yang menyatakan tinggi text area anda nantinya
• Width: 200px yang menyatakan lebar dari text area
• Value="Highlight All" yakni text yang akan ditampilkan pada tombol

Makara silahkan diedit text area ini sesuai kebutuhan anda.

Share this post