Cara membuat Text area dengan tombol

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.

Cara membuat Text area dengan tombol

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.

      Cara membuat Text area dengan tombol

      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

        Belum ada Komentar untuk "Cara membuat Text area dengan tombol"

        Posting Komentar

        Iklan Atas Artikel

        Iklan Tengah Artikel 1

        Iklan Tengah Artikel 2

        Iklan Bawah Artikel