Cara membuat daftar drop-down di HTML

Daftar drop-down yang paling sederhana dalam HTML adalah mudah untuk membuat menggunakan tag pilih. tag wadah ini, tag tertanam pilihan di dalamnya - itu adalah mereka yang mengatur item daftar.

Ada beberapa pilihan daftar, yang dapat dilakukan dengan pilih tag: daftar drop-down (pilihan jatuh setelah mengklik bidang utama atau membawa lebih dari itu), dan daftar pilihan ganda - di dalamnya pengguna dapat memilih beberapa item. Yang pertama adalah lebih umum, mereka adalah elemen penting dari situs navigasi modern. Daftar drop-down beberapa pilihan dapat digunakan, misalnya, dalam direktori di mana Anda ingin memilih beberapa karakteristik barang.

Mengubah tampilan dan sifat dari daftar, Anda dapat menggunakan atribut universal dan khusus.

pilih atribut tag

1. Beberapa - menentukan pilihan ganda.

2. Ukuran - menentukan jumlah garis yang terlihat dalam daftar, yang ketinggian. Dan kemudian itu semua tergantung pada, beberapa atribut hadir atau tidak. Jika demikian, dan Anda tidak menentukan ukuran tempat tidur, maka dengan adanya beberapa pengguna akan melihat semua pilihan Anda, tetapi jika beberapa hilang, terbukti menjadi hanya satu baris, dan pengguna lainnya akan dapat membaca, kapan harus klik pada ikon dari lift di sisi kanan. Jika tinggi ukuran yang ditentukan, dan itu kurang dari jumlah pilihan di gulir kanan bar muncul.

3. Nama - nama. Daftar drop-down dapat dilakukan tanpa itu, tetapi mungkin diperlukan untuk berinteraksi dengan program-handler pada server. Sebagai aturan, nama ini masih ditunjukkan.

Pilih tag memiliki atribut wajib yang bertentangan dengan tag pilihan.

Atribut yang melekat tag option

1. Dipilih - dirancang untuk menyorot item daftar. Pengguna dapat mengalokasikan lebih dari satu item, jika Anda menetapkan beberapa atribut (lihat. Di atas).
2. Nilai - nilai. Atribut ini diperlukan. Web server perlu memahami apa yang daftar item pengguna telah dipilih.
3. Label. Pada daftar yang sangat panjang dari elemen dapat dikurangi dengan menggunakan atribut ini. Misalnya, layar akan menampilkan "Milan", bukan tag option "Milan - pusat administrasi Lombardy. Italia Utara. " Atribut ini juga digunakan untuk kelompok item dalam daftar.

Adapun lebar daftar, standarnya dengan panjang teks terluas di daftar. Tentu saja, lebar dapat diubah dengan menggunakan gaya HTML.

Daftar drop-down dengan cara lain

Hal ini dapat dilakukan dengan CSS, misalnya, daftar akan muncul ketika Anda membawa lebih item halaman. peluang bagus untuk membuat daftar memberikan JavaScript, yang menyederhanakan pekerjaan Jquery perpustakaan. Daftar drop-down yang terhubung dengan perpustakaan ini, bisa sangat kompleks, seperti kaskade. Artinya, bila Anda memilih item dalam daftar akan muncul daftar berikut, misalnya, ada menu "Pakaian wanita" (ketika Anda membawa penurunan jenis pakaian), maka ketika salah satu spesies, misalnya, "Tops" daftar drop-down dengan unsur-unsur: jaket, taman, mantel, mantel dan sebagainya. n.

Kami telah terdaftar cara yang dangkal utama di mana Anda dapat membuat daftar drop-down. Tentu saja, ada banyak nuansa dalam HTML, dalam CSS dan JavaScript di, yang memungkinkan Anda untuk mengubah fungsi dan penampilan daftar pandangan.