Diberdayakan oleh Blogger.

Cara Membuat Text Area

Bagi yang belum tahu bagaimana cara membuat text area,anda bisa baca di membuat text area(3 macam) pada artikel blog ini.

Maksudnya menghias text area?


Ya,utuk meletakkan sebuah kode pada artikel,biasanya kita memakai sebuah text area yang berbentuk form,meskipun Pelajaran Blog jarang menggunakan area jenis ini (ribet,he..).

Contoh text area biasa seperti ini :



dengan kode seperti ini :

<form name="contohtextarea"><textarea name="txt" rows="3" cols="30" readonly>Text Anda Disini</textarea></form>

**rows dan cols menentukan ukuran text area,disitu anda edit sesuai keinginan anda.

Tapi jika anda menginginkan sebuah form area kode yang berbeda,anda bisa coba contoh-contoh text area di bawah ini:

Menghias Text Area Contoh #1



Text area di atas:
  • Background berwarna kuning
  • Border berwarna biru (dot)
  • Warna Text Merah
  • Text bergaris bawah
Untuk kodenya copy kode di bawah ini :

<form><textarea rows="3" cols="30" background-color="green"
style="color: red; background-color: yellow; text-decoration: underline; border-style: dotted; border-color: blue">Text Anda Disini</textarea>
</form>

Menghias Text Area Contoh #2



Text area di atas:
  • Background berwarna Hijau
  • Border berwarna Kuning (solid)
  • Text Huruf Besar (Uppercase)
  • Warna Text Putih
Untuk kodenya copy kode di bawah ini :

<form><textarea rows="3" cols="30" style="color: white; background-color: green; text-transform: uppercase; border-style: solid; border-color: yellow">Text Anda Disini</textarea></form>

Menghias Text Area Contoh #3



Text area di atas:
  • Background berwarna Biru
  • Border berwarna Merah (solid)
  • Text Tanpa bergaris bawah
  • Warna Text Kuning
Untuk kodenya copy kode di bawah ini :

<form><textarea rows="3" cols="30" style="color: yellow; background-color: blue; border-style: solid; border-color: red" >Text Anda Disini</textarea></form>

Menghias Text Area Contoh #4



Anda baru saja membaca artikel yang berkategori Daftar Isi Langkap / Tips Blog dengan judul Cara Membuat Text Area. Anda bisa bookmark halaman ini dengan URL http://cyberprolite.blogspot.com/2012/06/cara-membuat-text-area.html. Terima kasih!
Ditulis oleh: Unknown - Selasa, 26 Juni 2012

Belum ada komentar untuk "Cara Membuat Text Area"

Posting Komentar