Penulis: Moch Adnan dipublikasikan: 6 Juni 2015
Cara Membuat Textarea Untuk Laman / Postingan Blog
Setelah kemarin memposting tentang cara menyimpan kode HTML atau CSS ke dalam Google Drive, tutorial kali ini adalah cara membuat Textarea. yang mana cara berikut ini saya yakin sudah banyak dari sahabat blogger yang pernah membuatnya dan memahami benar kegunaannya itu untuk apa saja dalam halaman atau pun postingan blog, namun jika anda belum mengetahuinya, dan ingin mempelajarinya, mari sama-sama bareng saya untuk belajar membuat Text area dan menggunakannya ke dalam halaman/postingan blog. Textarea berikut ini akan saya bagi menjadi 2 jenis dalam pembuatannya, Jenis pertama adalah textarea tanpa tombol, dan jenis kedua text area dengan menggunakan tombol 'Select All'.
Cara Membuat Textarea

Membuat Textarea tanpa tombol

Untuk membuat textarea jenis pertama dan kedua ini, caranya adalah dengan menuliskan 'cols' yang mana berfungsi untuk mendefinisikan lebarnya (jumlah karakter) yang akan ditampilkan dalam kotak textarea. Dan penulisan 'rows' yang akan mendefinisikan tingginya (jumlah baris) dalam kotak textarea.

Contoh :

<textarea cols="30" rows="2">Ini adalah contoh tulisan textarea tanpa tombol</textarea>

Hasilnya :


jika penulisan lebih banyak dari rows=2 maka secara otomatis, kotak textarea tersebut akan memperlihatkan  scrollbar yang terletak di kanan kotak textarea. 

Contohnya kodenya :

<textarea cols="30" rows="2">Ini adalah contoh pembuatan textarea yang jumlah rowsnya melebihi dari 2, sehingga akan secara otomatis kotak text area akan menampilkan tombol scroll yang bisa anda gulir ke atas dan ke bawah</textarea>

Hasilnya :

Gimana sobb? Ok saya anggap pembuatan textarea jenis pertama sudah selesai, dan kita lanjut pada pembuatan textarea jenis kedua.

Membuat Textarea dengan tombol 'Pilih semua'/ 'Select all'.

Dengan menerapkan jenis ini (yakni tombol select all pada kotak text area) ini akan
sangat mempermudah para pengunjung untuk melakukan copy paste pada kode HTML atau css atau apapun jenis tulisan yang ada dalam kotak textarea tersebut. Dan cara membuatnya
adalah sebagai berikut.

Contohnya kodenya:

<div><form name="copy"><div align="center">  <input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 200px; HEIGHT: 90px" name="txt" rows="2" wrap="VIRTUAL" cols="30">Ini adalah contoh tulisan textarea lengkap dengan tombol 'select all</textarea></p></div></form>

Hasilnya :


Baca juga :

Sampai disini maka pembuatan textarea menggunakan tombol/Button 'Select All' sudah selesai. Harapan saya semoga artikel cara membuat Textarea ini bisa bermanfaat untuk sobat semua.  Tinggalkan komentar sobat  jika ada pertanyaan  :D