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
Demikian pula, Anda dapat menambahkan kode ke .
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]
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]
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]
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]