Hampir dalam setiap project website yang kita develop, kita juga membuat form. Apa yang kita lakukan untuk menata layout elemen-elemen dalam form yang kita buat sehingga dapat tertata rapi? Hmm.. dulu mungkin saya menggunakan table. Sekarang, saya lebih prefer (dan menyarankan Anda) untuk menggunakan CSS? hehe.. :mrgreen: Kenapa? karena lebih fleksibel untuk dimodifikasi dan lebih membebaskan kita untuk membuat desain form yang lebih menarik. Dengan CSS kita bisa merubah style elemen-elemen dalam form sesuai keinginan kita dan ketika suatu saat ingin merubah style itu, kita bisa memodifikasinya hanya dengan mengedit file CSSnya saja. Hmm.. ya..ya.. seperti keunggulan CSS secara umum memang.

Berikut ini saya ingin membagi sedikit contoh dalam mendesain form yang simpel dengan CSS. (Kalo ada yg salah, tolong diingetin ya..hehe )

Langkah pertama
Biasanya saya mendesain dulu di Photoshop tampilan form yang saya inginkan. Misalnya begini:

Read the rest of this entry »