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 arahan 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 arahan 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>

alhasil akan terlihat menyerupai di bawah ini :

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

Ada dua parameter yang perlu anda perhatikan, yang pertama ialah cols, yang berarti jumlah abjad yang ditampilkan per baris. Parameter kedua ialah rows yang berarti jumlah baris yang akan ditampilkan oleh text area, bila 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 bila ingin mengcopy isi dari text area yang terlalu panjang. Langsung saja kita lihat teladan arahan 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 teladan :

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

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

Kaprikornus silahkan diedit text area ini sesuai kebutuhan anda.