Selasa, 31 Januari 2012

Cara Membuat Text Area Dengan Background Text Area

Cara Membuat Text Area Dengan Background

Text Area adalah sebuah kotak yang didalamnya terdapat text maupun code yang dapat ditampilkan oleh browser sesuai dengan keadaan sebenarnya (tidak diterjemahkan).
Text area umunya terlihat sangat biasa biasa saja, dengan border seadanya dan background default putih..

Nah kali ini kita aka membahas Bagaimana cara membuat background color pada text area?.
setelah beberapa kali saya utak atik kode text area, ternyata berhasil juga.
Ini dia code nya,
<textarea style="background-color: #ffccff; border: 2px solid #FF3300; height: 100px; overflow: auto; padding: 5px; text-align: justify; width: 500px;">Taruh Text atau kode yang ingin kamu tampilkan, dsini</textarea>
Copy paste kode diatas, letakkan dimana pun yang kamu inginkan...jangan diletakkan di muka tapi..hehe!

Keterangan :
#ffccff adalah kode warna backround
2 adalah tebal frame atau bingkai.
#FF3300 adalah code warna untuk border/frame
100 adalah tinggi bingkai text area
500 adalah lebar bingkai text area
Silahkan kembangkan sendiri sesuai keinginan kamu...!

Ini contoh nya:




Ini contoh Text Area Yang alin :

Code :
<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 100px; width: 500px;" wrap="VIRTUAL">Ini contoh textarea yang lain, taruh text atau kode kamu disini</textarea></div>

Semoga bermanfaat...!

0 komentar:

Posting Komentar