Jumat, 22 Februari 2013

Textarea dengan tampilan yang menarik

         Di kesempatan kali ini saya akan berbagi ilmu pengetahuan yang saya dapat baik itu dari perkuliahan maupun media internet. Pada postingan hari ini mengenai macam-macam model dari textarea. Jika anda belajar pemograman baik itu HTML maupun PHP pasti nama textarea sudah tidak asing lagi. Sekedar mengingatkan dan bukan maksud untuk menggurui para bloger , disini saya akan berbagi bagaimana membuat textarea dengan tampilan yang menarik tentunya sesuai keinginan anda. Langsung saja ke TKP :

1. Sintax :  <textarea cols="30" name="code" rows="6" style="background: none repeat scroll 0% 0% rgb(239, 0, 144); border: 3px dotted rgb(255, 239, 249); color: #ffeff9; line-height: 1.5em; padding: 5px;"> Masukkan tulisan anda disini </textarea>
Hasilnya :

 2. Sintax : <textarea name="code" rows="3" cols="20" style="background:#BFFAFF; color:#FF0000; border-bottom: 4px solid #40FF1F; border-right: 4px solid #40FF1F; border-top: 4px solid #FFE900; border-left: 4px solid #FFE900; line-height:1.5em; padding:5px; -moz-border-radius:10px;"> Masukkan tulisan anda disini </textarea>
Hasilnya :
 

3. Sintax : <textarea cols="30" name="code" rows="6" style="-moz-border-radius: 7px 7px 7px 7px; background: none repeat scroll 0% 0% rgb(251, 239, 255); border-color: rgb(202, 61, 217); border-style: solid; border-width: 1px 1px 1px 20px; color: #ca3dd9; line-height: 1.5em; padding: 5px;"> Masukkan tulisan anda disini </textarea>
Hasilnya :

Semoga Bermanfaat...........

Tidak ada komentar:

Posting Komentar