Cara Membuat Text Area Sebagai Tempat Kode

Cara Membuat Text Area Sebagai Tempat Kode. text area yakni sebuah kotak yang dapat kita isi dengan kode-kode HTML ataupun hanya sekedar teks biasa. dulu saya pernah menerangkan cara membuat text area pula, namun text area tersebut saya update sehingga lebih menarik. kotak ini sangat berguna bagi sobat yang menyediakan fasilitas tukeran banner and link seperti blog saya. lihat pada halaman tukar link and banner blog saya, terdapat fasilitas tukeran banner and link. Untuk membuat text area, silahkan anda Copy kode di bawah ini :

<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area</textarea></p>

hasilnya seperti di bawah ini  :

Keterangan : 
rows="6", menunjukan tinggi dari text area
Cols="20", menunjukan lebar dari text area

Text Area dengan memakai HighLight

Ada variasi lain dari membuat text area ini, yakni text area dengan menggunakan tombol highlight. dengan adanya tombol highlight. ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight tinggal di copy saja hanya sekali click. Fasilitas ini sangat berguna tatkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk membuat text area dengan menggunakan highlight ini silahkan anda copy kode HTML di bawah :

<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: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>

hasilnya seperti di bawah ini  :