Membuat Text Area Dengan Tombol Copy

Sudah lama gak nulis tentang tips dan trik blog kali ini saya akan mencoba membuat text arae teks are ini biasanya dipakai untuk menmpilkan kode-kode atau tulisan yang ingi kita tampilkan di postingan kelebihan dari text area ini adalah kita bisa menghemat space pada potingan apalagi jika kode-kode atau tulisan yang ingin kita tampilkan sangat banyak atau panjang, ini dia kode nya.

<div align="center">
<textarea cols="20" name="code" rows="6"> Ketikan disini kode-kode atau tulisan yang ingin sobat tampilkan contoh misalnya kode HTML atau kode image atau banner untuk saling bertukar link </textarea></div>

Umtuk atribut center sobat bisa mengganti dengan right agar posisi nya dikanan atau left agar posisinya di kiri sobat juga bisa menambahkan nilai cols="20" untuk menambah lebar text arae dan rows="6" untuk tinggi text area


Selain itu sobat bisa memodifikasi text area dengan tombol otomatis copy untuk kode-kodenya seperti 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>
<div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 144px; width: 300px;" wrap="VIRTUAL">Ketikan disini kode-kode atau tulisan yang ingin sobat tampilkan contoh misalnya kode HTML atau kode image atau banner untuk saling bertukar link </textarea></div>
</form>
</div>

Maka tampilannya jadi seperti ini


Nah selamat mencoba dan semoga berhasil wassalam

Subscribe to receive free email updates: