Cara membuat Text area dengan tombol

Kali ini share bagaimana cara membuat text area dengan tombol atau button, mungkin bagi sebagian teman-teman bloger sudah banyak yang paham. :D

Jadi tutorial ini saya peruntukkan bagi teman-teman yang belum tau sebelumnya. Langsung saja disimak ya :)

Cara membuat Text area dengan Button

Pada text area yang pertama saya contohkan tanpa menggunakan tombol terlebih dahulu.

Text Area Standart

Temen-temen bisa langsung copy code dibawah ini 

 <p align="center"><textarea name="code" rows="2" cols="60"> Tuliskan Teks di sini </textarea></p>

Untuk preview atau hasilnya bisa di lihat dibawah ini.

Keterangan :

• Untuk angka "2" diatas adalah tinggi teks area. (kalo kurang tinggi bisa di naikkan angkanya sesuai keinginan)
• Untuk angka "60" diatas adalah lebar teks area. (kalo kurang lebar bisa di naikkan angkanya sesuai keinginan)

Text Area dengan Button

Temen-temen bisa langsung copy code dibawah ini 

<div><form name="copy"><div align="center"><span><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Select All" type="button"> </span></div><p align="center"><textarea style="width: 500px; height: 80px;" name="txt" rows="5" wrap="VIRTUAL" cols="20">Tuliskan Teks di sini</textarea></p></form></div>

Untuk preview atau hasilnya bisa di lihat dibawah ini.

Keterangan :

• Untuk angka "80" diatas adalah tinggi teks area. (kalo kurang tinggi bisa di naikkan angkanya sesuai keinginan)
• Untuk angka "500" diatas adalah lebar teks area. (kalo kurang lebar bisa di naikkan angkanya sesuai keinginan)
• Untuk teks <div align="center"> adalah posisi Button. kalau ingin di ganti posisinya tinggal ganti left atau right.
• Untuk teks <p align="center"> adalah posisi teks area. kalau ingin di ganti posisinya tinggal ganti left atau right.

Untuk pemasangannya, letakkan kode tersebut di tempat HTML di post.Nah, kira-kira begitu penjelasannya, semoga bisa bermanfaat buat temen-temen semuanya. 

:D