Home » » BUAT TEXT AREA

BUAT TEXT AREA

Text Area adalah tempat / wadah untuk memuat kalimat atau kode-kode dalam postingan yang bertujuan memudahkan pembaca untuk mengcopy.
text ini bisa berupa kalimat biasa,kode HTML atau Script yang oleh penulis dianggap sesuatu yang penting.sehigga jika akan  dicopy oleh pembaca tidak terjadi kesalahan.

Ada dua macam text area yang akan kita bahas pada pertemuan kali ini :

I.Text Area Standart
  Yaitu hanya berisi text biasa.
  Cara membuat dengan menggunakan kode di bawah ini :


<p align="left"><textarea name="code" rows="2"cols="15">   
Tulis text atau kode HTML yang sobat inginkan disini 
 </textarea></p>


  Hasilnya seperti dibawah ini :


  Ket :
  • " left" > posisi text area
  • " rows  "  > Tinggi text area
  • " cols "    > Lebar text area
  Silahkan sesuaikan dengan kebutuhan anda.

II.Text Area dengan Highlight
Text area ini hanya dengan mengklik tombol Highlight maka seluruh text yang ada di dalam kotak akan tercopy.
Fungsi ini menghindari tertinggalnya beberapa kata yang akan di copy.
Cara membuat  dengan menggunaka kode sebagai berikut :



<div><form name="copy"><div align="center"><span><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </span></div><p align="center"><textarea style="width: 150px; height: 80px;" name="txt" rows="5" wrap="VIRTUAL" cols="20"> 
Masukkan text anda di sini, maka tulisan yang ditulis akan muncul di sini dan siap di copy tanpa tertinggal oleh para pengunjung 
 </textarea></p></form></div>



Hasilnya :




Sampai disini aja dulu......
Met berkreasi.!
Bagikan artikel via :

1 komentar:

  1. Wah lengkap juga cara bikin text areanya..., mantap sekali, salam persahabatan dari tanah Majapahit. Rahayu.

    BalasHapus

 
Support : Your Link | Your Link | Your Link
Copyright © 2013. PRAPATAN KERTEK - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger