Lima tip untuk tata letak formulir div css dapat membantu Anda mengontrol formulir dengan lebih fleksibel dan membuat halaman lebih memuaskan.
1. Pemilihan seluler untuk input teks formulir:
Di kolom input teks, jika prompt ditambahkan, pengunjung sering kali harus menggunakan mouse untuk memilih dan menghapusnya, lalu memasukkan informasi yang berguna. Faktanya, selama Anda menambahkan kode onMouseOver="this.focus()" onFocus="this.select()" ke <textarea>, semuanya akan menjadi lebih sederhana, seperti:
Contoh Kode Sumber [www.devdao.com ]< textarea name=textarea wrap=virtual row=2 cols=22 onMouseOver="this.focus()" onFocus="this.select()">Masukkan Bahasa Inggris..</textarea>
Demikian pula, Anda dapat menambahkan kode ke <input>.
2. Klik untuk menghapus unit input form:
Kolom ini fungsinya sama seperti di atas, namun ada sedikit perubahan dalam penggunaan mouse, Anda perlu mengkliknya, bukan hanya menutupinya dengan mouse seperti di atas. Misalnya:
Contoh Kode Sumber [www.devdao.com]<input type=text name="address" size=19 value="Enter,e-mail..."onFocus="this.value=''">
Setelah mengklik unit input, pesan prompt akan dihapus, bukankah ini sangat nyaman?
3. Pengaturan batas unit masukan formulir:
Mengubah batas unit formulir tradisional akan membuat beranda Anda lebih berwarna. Misalnya:
Contoh Kode Sumber [www.devdao.com]<input type=radio name=action value=subscribe dicentang style="BORDER-BOTTOM: dashed 1px; BORDER-LEFT: dashed 1px; BORDER-RIGHT: dashed 1px; BORDER - ATAS: putus-putus 1px;warna latar: #FEF5C8">
Diantaranya, "style=***" adalah pengaturan warna kiri, kanan, atas, bawah dan latar belakang. Dapat diterapkan pada unit lain.
4. Pengaturan teks unit masukan formulir:
Font unit dalam formulir dapat dimodifikasi, seperti:
Contoh Kode Sumber [www.devdao.com]<input type=text name="address" size=19 value=" Masukkan,e-mail..." style=font-family:"verdana";font-size:10px >
Diantaranya, "style=***" adalah pengaturan font dan ukuran font.
5. Ubah properti formulir menjadi jendela pop-up:
Setelah sebagian besar formulir diaktifkan, formulir tersebut akan terbuka di halaman saat ini, sehingga memengaruhi penelusuran normal. Sebaiknya dimodifikasi saja, seperti:
Contoh Source Code [www.devdao.com]<form method=POST action=url target=_blank>
Diantaranya, "target=_blank" mengontrol pembukaan jendela pop-up.