Kadang kala, ketika meletakkan laman web, perlu menyembunyikan beberapa elemen yang diletakkan di dalamnya. Sebagai contoh, jika anda mahu pelawat tidak melihat butang hantar borang sehingga semua bidang yang diperlukan diisi. Atau jika butang itu sama sekali tidak dimaksudkan untuk digunakan oleh pengunjung, tetapi skrip yang diletakkan di halaman ini harus "klik" padanya.
Arahan
Langkah 1
Gunakan sifat paparan Cascading Style Sheets (CSS) untuk mematikan atau memaparkan elemen halaman yang dikehendaki. Menurut piawaian antarabangsa, harta tanah ini dapat diberikan lebih dari satu setengah lusin nilai yang menentukan kaedah paparan yang berbeza. Walau bagaimanapun, hanya empat pelayar silang (iaitu, berfungsi di semua penyemak imbas utama). Di antara keempat-empat ini, tidak ada nilai yang anda perlukan, yang membolehkan anda menyembunyikan elemen halaman yang diinginkan.
Langkah 2
Buat garis panduan CSS yang diperlukan. Dalam bentuknya yang paling sederhana, mungkin kelihatan seperti ini: butang {display: none;} Dalam kes ini, halaman tidak akan memaparkan semua butang menggunakan tag….
Langkah 3
Tambahkan petunjuk pada nama kelas dalam arahan jika anda ingin menyembunyikan hanya satu butang atau sekumpulan butang tertentu. Contohnya, namakan kelas seperti HideBtns dan tambahkan nama ini ke pernyataan CSS: butang. HideBtns {display: none;} Tambahkan atribut kelas ke butang yang dikehendaki dalam kod HTML halaman dan berikan nilai HideBtns: butang tersembunyi
Langkah 4
Terapkan sifat paparan dengan tidak ada nilai pada elemen induk jika anda mahu, misalnya, untuk menyembunyikan bukan sahaja butang, tetapi elemen lain dari bentuk web juga. Bentuk dianggap sebagai "induk" dari semua elemen yang diletakkan di antara tag dan. Sebagai contoh:
Di sini, medan teks dan butang untuk memasukkan nilai yang dimasukkan diletakkan di dalam borang. Borang diberikan kepada kelas bernama HideForm, jadi untuk menyembunyikan kedua-dua medan input dan butang, anda perlu mengubah penyataan CSS seperti ini: form. HideForm {display: none;}
Langkah 5
Letakkan kod yang telah disediakan dalam contoh di atas pada tajuk dokumen web (antara dan tag). Untuk memberitahu penyemak imbas pelawat bahawa ini adalah kod CSS, ia mesti disertakan di antara tag gaya HTML pembuka dan penutup:
butang. HideBtns {display: none;}
