Cara Membuat Text Area dan Jenisnya

Pada kesempatan ini Yoga - Amien akan memberikan 3 variasi teks area. yaitu text area sederhana / default, text area dengan fungsi select / copy all, dan text area dengan tombol scroll / gulir.

Cara memasang teks area ini adalah pada saat menulis postingan pilih menu HTML (bukan edit HTML template loh yaah). Lihat gambar. 

Masukkan kode text area setelah klik HTML

A. Teks area sederhana

 <textarea rows="6" cols="35">diisi dengan kalimat, kata, kode yang diinginkan</textarea>

dengan kode di atas maka tampilan teks area seperti di bawah ini. angka 6 berarti jumlah baris, 35 menunjukkan lebar form teks area. 

B. Teks Area dengan Select copy all

Kode diatas adalah cara membuat dengan text area dengan perintah / fungsi select / copy all

silakan sobat atur letaknya center artinya posisi text area ditengah, height > tinggi nya, width > lebar form teksnya. 

C. Membuat Teks area dengan Tombol scroll

<div style="overflow:auto; width:80%px; height:50px; padding:10px;border:2px solid #f4f4f4; background-color:#f2f2f2"> 

Cara membuat text area dengan fungsi scroll / tombol gulir

</div>

Beginilah tampilannya jika menggunakan kode diatas, silakan sesuaika background color dengan template sobat masing-masing. Intinya kode merah adalah silakan modifikasi sendiri. 

Cara membuat text area dengan fungsi scroll / tombol gulir