Jika anda menghadapi desain web yang melibatkan INPUT TYPE text seperti ini, contoh kodenya adalah:
Nama: <input type=”text” name=”name” >
Hasilnya adalah seperti dibawah ini:
Nama:
Tentu suatu ketika akan mengalami masalah dengan mengatur lebar kolom tersebut. Nah, bagaimana caranya melakukan pengubahan ukurannya? Caranya ternyata tidak terdapat dalam properti utama input type text tersebut. Tetapi dengan cara menambahkan Style dengan kode semacam ini:
<input type=”text” name=”name” style=”width:500px;”>
Hasilnya adalah seperti ini:
Mudah bukan? Ternyata style ini bisa digunakan tidak hanya sebatas width, tetapi tinggi, background, warna, border, lengkungan sudut, margin, padding, font, dan lain sebagainya.
Contoh adalah:
<input type=”text” name=”name” style=”width:500px; border:1px dotted #f30; border-radius:4px; -moz-border-radius:4px; background:#363; height:20px; font-family:Garamond; margin-left:10px;”>
Selesai
