Menghias Text Area pada Blog

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.

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

Text area di atas:
  • Background berwarna Hijau
  • Border berwarna gray/abu-abu(solid)
  • Warna text Putih dan berhuruf tebal
  • Kode terinstall/terblok otomatis
Untuk kodenya copy kode di bawah ini :

 <form name="contohtextarea"><textarea name="txt" rows="3" cols="30" onmouseover="this.form.txt.select()" readonly ; style="color: white; background-color: green; font-weight: bold; border-color:gray">Text Anda Disini</textarea></form>

Selamat mencoba :)
Share this article :
 

Posting Komentar

Silahkan berkomentar bila artikel diatas bermanfaat, serta untuk kemajuan blog ini.

1. Berkomentarlah dg kata-kata yang sopan dan tidak menyinggung.
2. Jangan menyertakan link saat berkomentar.
3. NO SARA !!!! NO SPAMMM !!!

Terima kasih :)

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Danie Sharra's Blog - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger