Bagaimanakah Saya Boleh Menyembunyikan Pilihan dengan Amanah dalam Menu Pilih HTML5?

Menyembunyikan Pilihan dalam HTML5 Pilih Menu dengan CSS

Walaupun mempunyai keupayaan untuk menyembunyikan elemen dalam Firefox menggunakan paparan: tiada; CSS, Chrome menimbulkan cabaran dengan memaparkan pilihan tersembunyi apabila mengklik menu. Ini menimbulkan persoalan tentang cara menyembunyikan pilihan yang sepadan dengan kriteria carian dengan berkesan sambil menghalang kemunculannya semula apabila menu dibuka.

Penyelesaian: Menggunakan Atribut tersembunyi

Untuk penyemak imbas yang mematuhi HTML5, pelayar tersembunyi atribut menyediakan penyelesaian yang berkesan. Atribut ini menyembunyikan pilihan daripada paparan dan pemilihan, memastikan ia kekal tidak kelihatan, tanpa mengira interaksi menu.

<option hidden>Hidden Option</option>

Adalah penting untuk ambil perhatian bahawa atribut tersembunyi tidak disokong dalam versi IE di bawah 11. Walau bagaimanapun, jika kebimbangan utama anda adalah menyembunyikan sebilangan kecil pilihan, menggabungkan atribut tersembunyi dan dilumpuhkan menawarkan penyelesaian pragmatik berbanding teknik yang lebih kompleks yang melibatkan menambah atau mengalih keluar unsur atau melanggar konvensyen semantik.

  Option1
  Option2
  <option hidden>Hidden Option</option>

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyembunyikan Pilihan dengan Amanah dalam Menu Pilih HTML5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!