Ada banyak cara untuk menulis kotak pencarian. Kotak pencarian adalah pekerjaan yang relatif terperinci, dan Anda harus terlebih dahulu menghitung tinggi dan lebarnya;
Izinkan saya mengambil kotak pencarian JD sebagai contoh untuk memberi Anda analisis singkat.
Di atas adalah rendering kotak pencarian terakhir.
Kirim kode terlebih dahulu >>>>>>>
<span style = "warna: rgb (255, 0, 255); font-size: 18pt;"> <strong> tag html: </strong> </span> <div> <sorm> <input type = "text" name = "pencarian" placeholder = "pencarian" buy-input </tombol </buttion> ------- seperti jd.com, "a name" a adalah </Tombol </Button> ------- seperti jd.com, "ADALAH Placeholder = seperti Buttput </Buttput> </Button> ------- seperti JD.com, LAINNYA Placeholder = Are Butput: BULAID </Button> ------- Like JD.com, Lain Tag. </form> </div> gaya CSS: .center_child1 {width: 538px; tinggi: 36px; overflow: tersembunyi; perbatasan: 2px solid #bd1d17;}. center_child1 input {lebar: 456px; tinggi: 24px; float: kiri; padding: 6px 2px; --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ------ Biarkan warna latar belakang label input transparan. Perbatasan: Tidak Ada; --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Button {width: 76px; tinggi: 36px; float: kanan; latar belakang:#bd1d17; border: none; color: #fff; font-size: 15px;}Ringkasan: Kotak pencarian memiliki tiga bagian utama, satu adalah bagian kotak input (kiri), yang lainnya adalah bagian tombol pencarian (kanan), dan satu adalah dua div besar yang berisi mereka;
1. Pertama atur lebar, tinggi, dan warna perbatasan dari div besar. Ini harus dihitung terlebih dahulu berdasarkan kebutuhan pribadi.
2. Mengapung sisi kiri input (bagian kotak input) masing -masing; mengapung sisi kanan tombol (bagian tombol), ingatlah untuk menggunakan overflow: tersembunyi; atribut untuk div besar;
3. Sesuaikan tinggi dan lebar input. Ingatlah untuk menggunakan bantalan untuk mendukung nilai tingginya, sehingga tidak akan menempel di perbatasan saat memasuki font, meningkatkan keindahan; Jika nilai lebar sedikit ditambahkan ke kiri, untuk keindahan.
Di atas adalah cara untuk menulis kotak pencarian yang diperkenalkan kepada Anda oleh editor. Saya harap ini akan membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas Anda tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!