Cara Mudah Membuat Textarea - Pada kesempatan kali ini saya akan share cara mudah membuat textarea, apa itu textarea? Textarea adalah sebuah elemen untuk menaplkan sebaris/lebih tulisan dalam blok tersendiri. Dalam membuat textarea kita bisa memodifikasi kodenya misal dengan menambahkan selector CSS agar tampilan yang dihasilkan kelihatan lebih bagus dan menarik perhatian.
Berikut script kode untuk membuat textarea dengan berbagai variasi tampilan :
Script pertama :
<textarea align="center">
Textarea dengan tampilan biasa atau default
</textarea>Preview :
Script kedua :
<textarea align="center" style="background-color: #009900; height: 63px; width: 184px;">
Textarea dengan tampilan biasa + background warna
</textarea>Preview :
Script ketiga :
<textarea align="center" style="border-radius: 7px 7px 7px 7px; border: 1px solid rgb(204, 204, 204); height: 50px; width: 182px;">
Textarea dengan style garis tepi rounded corner
</textarea>Preview :
Script keempat :
<textarea align="center" style="background-color: #009900; border-radius: 7px 7px 7px 7px; border: 1px solid rgb(204, 204, 204); height: 70px; width: 182px;">
Textarea dengan style garis tepi rounded corner + background warna
</textarea>Preview :
Note :
#009900 adalah kode warna, ganti sesuai dengan keinginan anda, sedangan height: 63px; width: 184px; adalah kode untuk mengatur tinggi dan lebar textarea yang akan dibuat, sesuaikan dengan selera anda.
Cukup sekian dulu saya akhiri postingan mengenai cara mudah membuat textarea ini, semoga bermanfaat dan sampai jumpa lagi di lain kesempatan.
0 comments:
Post a Comment