Membuat Text Area

Text area biasa dipakai blogger untuk menaruh kode HTML atau kode lainnya agar mudah dicopy oleh pengunjung..

Langsung aja yuk buat kotak text areanya:
Contoh 1: Copy kode di bawah ini:

<p align="center"><textarea name="code" rows="6" cols="20">Masukkan text atau kode HTML anda di sini</textarea></p>

Hasilnya:




-rows = 6, menunjukkan tinggi kotak text area anda
-columns = 20, menunjukkan lebar kotak text area anda 

Ada variasi lain juga kotak text area ini, yaitu dengan menekan tombol Select All/Pilih Semua. Dengan tombol tersebut, maka pengunjung akan lebih mudah untuk memilih kode yang kemudian akan dicopy.

Contoh 2: Copy kode di bawah ini di bagian Edit HTML:




<form name="copy"><div align="center"><input onClick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 150px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Masukkan text atau kode HTML anda di sini</textarea></p></form>

Hasilnya:




-<div align="center"> menunjukkan posisi tombol Select All
-Value="Select All" merupakan huruf dalam tombol yang dapat diubah
-<p align="center"> menunjukkan posisi kotak text area anda
 
Selamat mencoba..

1 komentar:

Jaka Zulham mengatakan...

wah, mantap gan... ini nih yang aku cari cari selama ini....
makasih ya..:)

ane follow ya blognya...
jangan lupa follow bali jakazulham.blogspot.com
;)

Posting Komentar