Bazen bir web sayfasını düzenlerken, içine yerleştirilen bazı öğeleri gizlemek gerekir. Örneğin, ziyaretçinin tüm zorunlu alanlar doldurulana kadar formu gönder düğmelerini görmemesini istiyorsanız. Veya düğmenin ziyaretçi tarafından kullanılması amaçlanmadıysa, ancak bu sayfaya yerleştirilen komut dosyası onu "tıklamalıdır".
Talimatlar
Aşama 1
İstenen sayfa öğelerinin görüntülenmesini kapatmak veya açmak için Basamaklı Stil Sayfalarının (CSS) görüntüleme özelliğini kullanın. Uluslararası standartlara göre, bu özelliğe farklı görüntüleme yöntemlerini belirten bir buçuk düzineden fazla değer atanabilir. Ancak, yalnızca dördü çapraz tarayıcıdır (yani, tüm büyük tarayıcılarda çalışır). Bu dördü arasında, istediğiniz sayfa öğesini gizlemenize izin veren, ihtiyacınız olan yok değeri vardır.
Adım 2
Gerekli CSS yönergelerini oluşturun. En basit haliyle, şöyle görünebilir: button {display: none;} Bu durumda, sayfa… etiketini kullanan tüm düğmeleri görüntülemeyecektir.
Aşama 3
Yalnızca bir düğmeyi veya belirli bir düğme grubunu gizlemek istiyorsanız, talimatlardaki sınıf adına bir gösterge ekleyin. Örneğin, böyle bir sınıfa HideBtns adını verin ve bu adı CSS ifadesine ekleyin: button. HideBtns {display: none;} Sayfanın HTML kodunda istediğiniz butona class niteliğini ekleyin ve ona HideBtns: hidden button değerini atayın
4. Adım
Örneğin, yalnızca düğmeyi değil, web formunun diğer öğelerini de gizlemek istiyorsanız, yok değeriyle display özelliğini üst öğeye uygulayın. Form, ve etiketleri arasına yerleştirilen tüm öğelerin "ebeveyni" olarak kabul edilir. Örneğin:
Burada, formun içine bir metin alanı ve girilen değeri göndermek için bir düğme yerleştirilir. Form, HideForm adlı bir sınıfa atanmıştır, bu nedenle hem giriş alanını hem de düğmeyi gizlemek için CSS deyimini şu şekilde değiştirmeniz gerekir: form. HideForm {display: none;}
Adım 5
Hazırlanan kodu yukarıdaki örnekte web belgesinin başlığına (ve etiketlerinin arasına) yerleştirin. Ziyaretçinin tarayıcısına bunun CSS kodu olduğunu söylemek için, bu kodun açılış ve kapanış HTML stil etiketleri arasına alınması gerekir:
button. HideBtns {ekran: yok;}
