Membuat Text Area Pada Postingan

Text area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung
Contohnya Seperti ini sob

Simpan Text atau kode HTML disini

Berikut ini kode HTML-nya (ganti tulisan"Simpan Text atau kode HTML disini" dengan kode HTML yang akan ditayangkan sobat"):

<p align="center"><textarea name="code" rows="6" cols="20"> Simpan Text atau kode HTML disini </textarea></p> 

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


Untuk text area yang menggunakan tombol Highlight All contohnya seperti ini sob.

Simpan Text atau kode HTML disini

Dengan adanya tobol Highlight ini memungkinkan pengunjung untuk meng-copy seluruh kode dengan hanya menekan tombol highliht tersebut :

Kode HTML-nya seperti ini, sob:




<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 Text atau kode HTML disini</textarea></p></div></form> 

Demikianlah cara membuat text area pada postingan,
semoga membantu, sob.

Artikel Terkait: