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>kesudahannya akan terlihat ibarat di bawah ini :
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 pola isyarat 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>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.