Bagaimana untuk membuat senarai drop-down dalam HTML

Yang paling mudah senarai drop-down dalam HTML adalah mudah untuk membuat menggunakan tag pilih. tag bekas, tag tertanam pilihan di dalamnya - ia adalah mereka yang menetapkan item senarai.

Terdapat beberapa senarai pilihan, yang boleh dilakukan dengan pilih tag: senarai drop-down (pilihan jatuh selepas klik pada bidang utama atau berhenti di atasnya), dan senarai pilihan berganda - di dalamnya pengguna boleh memilih lebih daripada satu. Yang pertama adalah lebih biasa, mereka adalah elemen penting dalam laman navigasi moden. Senarai drop-down pilihan pelbagai boleh digunakan, sebagai contoh, di direktori di mana anda mahu untuk memilih ciri-ciri beberapa barangan.

Menukar rupa dan sifat senarai, anda boleh menggunakan ciri-ciri universal dan istimewa.

sifat-sifat tag pilih

1. Pelbagai - menentukan objektif.

2. Saiz - menentukan bilangan baris dapat dilihat dalam senarai, yang ketinggian. Dan kemudian ia bergantung kepada, pelbagai atribut hadir atau tidak. Jika demikian, dan anda tidak menentukan katil saiz, kemudian di hadapan beberapa pengguna akan melihat semua pilihan anda, tetapi jika berbilang hilang, ditunjukkan untuk menjadi hanya satu baris, dan pengguna lain dapat membaca, bila untuk klik pada ikon lif di sebelah kanan. Jika ketinggian saiz yang ditentukan, dan ia adalah kurang daripada bilangan opsyen di dalam gulungan yang kanan bar muncul.

3. Nama - nama. Senarai drop-down boleh dilakukan tanpa ia, tetapi ia perlu untuk berinteraksi dengan program-pengendali pada pelayan. Sebagai peraturan, nama itu masih dinyatakan.

Pilih tag tidak mempunyai sifat-sifat yang diperlukan berbanding dengan tag opsyen.

Atribut pilihan tag dilampirkan

1. Dipilih - direka untuk menyerlahkan item senarai. Pengguna boleh memperuntukkan lebih daripada satu item, jika anda menetapkan pelbagai sifat (lihat. Di atas).
2. Nilai - nilai. Sifat ini diperlukan. Pelayan web perlu memahami apa yang senarai barangan pengguna itu telah dipilih.
3. Label. Dalam senarai itu sangat panjang elemen boleh dikurangkan menggunakan atribut ini. Sebagai contoh, skrin akan memaparkan "Milan", bukan tag pilihan "Milan - pusat pentadbiran Lombardy. Utara Itali. " Sifat ini juga digunakan untuk kumpulan item dalam senarai.

Bagi lebar senarai, ia mungkir dengan panjang teks yang paling luas dalam senarai. Sudah tentu, lebar boleh diubah dengan menggunakan gaya HTML.

Senarai drop-down dengan cara lain

Ia boleh dilakukan dengan CSS, sebagai contoh, senarai akan muncul apabila anda berlegar atas item halaman. peluang yang baik untuk membuat senarai memberikan JavaScript, yang memudahkan kerja Jquery perpustakaan. Senarai drop-down yang berkaitan dengan perpustakaan ini, boleh menjadi sangat kompleks, seperti lata. Iaitu, apabila anda memilih item dalam senarai akan muncul senarai berikut, sebagai contoh, ada "Pakaian wanita" menu (apabila anda berlegar drop jenis pakaian), maka apabila salah satu spesies, sebagai contoh, "Baju" senarai juntai bawah dengan unsur-unsur: jaket, taman, kot, kot dan sebagainya. n.

Kami telah menyenaraikan cara utama cetek di mana anda boleh membuat senarai drop-down. Sudah tentu, terdapat banyak nuansa dalam HTML, dalam CSS dan JavaScript, yang membolehkan anda untuk menukar fungsi dan rupa paparan senarai.