Purba My ID

Cara membuat Text Area di dalam tulisan Blogspot

Pembuatan teks area standar / default :

<textarea rows="5" cols="25" style="display: inline;" name="txt">Isi teks area taruh sini, bisa berupa code script ataupun teks biasa kayak ini</textarea>

Hasilnya akan nampak seperti dibawah ini :

 Keterangan :
rows = tinggi
cols = lebar

Pembuatan textarea dengan button / tombol higtlight :

<center><form name="copy"><input value="Klik Tandai" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/><textarea rows="5" cols="25" style="display: inline;" name="txt">Isi teks area taruh sini, bisa berupa code script ataupun teks biasa kayak ini</textarea></form

Hasilnya akan nampak sperti dibawah ini.








Pembuatan teksarea dengan onclick hightligt

<textarea rows="5" cols="25" style="display: inline;" name="txt" onclick="this.focus();this.select()">Isi teks area taruh sini, bisa berupa code script ataupun teks biasa kayak ini</textarea>

Hasilnya akan nampak seperti dibawah ini..., anda klik aja di bagian teksareanya


pembuatan textarea sensitif hightlight :

<textarea rows="5" cols="25" onfocus="this.select()" style="display: inline;" onmouseover="this.focus()" name="txt" onclick="this.focus();this.select()">Isi teks area taruh sini, bisa berupa code script ataupun teks biasa kayak ini</textarea>
  
Hasilnya akan nampak dibawah ini, letakkan mouse anda di wilayah teks area dibawah ini agar menegetahui efek hightlight nya..


kalo ingin merubah lebar dan tinggi tampilan textarea silahakn ganti angka angka pada kata " rows " dan " cols "

Posting Komentar

0 Komentar