Bazı kullanıcılar, sitelerindeki form stiline uyması için alan etiketlerini göstermemeyi tercih eder veya belirli alanların alan etiketlerini görüntülemekten hoşlanmazlar. Bu kılavuz, bir formda alan etiketlerinin nasıl gizlenebileceğinde size yardımcı olacaktır.
Bütün Alan Etiketleri Nasıl Gizlenir?
Aşağıdaki CSS kodu formunuza uygulayarak bütün alan etiketlerini gizleyebilirsiniz.
.form-label {
display: none;
}Daha fazla bilgi için “Özel CSS Kodları Ekleme” kılavuzumuza göz atın.
Belirli Alan Etiketleri Nasıl Gizlenir?
Belirli alan etiketlerini gizlemek için aşağıdaki adımları takip edin:
- Form elemanlarının özellikler panelini açmak için dişli simgesine tıklayın.
- Gelişmiş sekmesine gidin.
- Sayfayı aşağı kaydırın ve Alan Ayrıntıları bölümünü genişletin.
- Alan ID’sini not alın.
- Alan ID’sinde yer alan ilk sayısal kısmı bu alana girin ve buna “#label_” ekleyin. Bu kısım, alan etiketinin kimliği olacaktır. Örnek:
| Alan ID’si | Alan Etiketi ID’si |
|---|---|
| #input_4 | #label_4 |
| #first_7, #last_7 | #label_7 |
| #input_10_addr_line1, #input_10_addr_line2… | #label_10 |
| #input_12_0_0, #input_12_0_1, #input_12_1_0… | #label_12 |
- CSS’yi oluşturun. Örnek olarak #label_4 alan etiketi kimliği kullanıldığında, kod aşağıdaki gibi olacaktır:
#label_4 {
display: none;
}Yukarıdaki ifadeyi tek bir kural kullanarak birden fazla virgülle ayrılan alan etiketine de uygulayabilirsiniz. Örneğin:
#label_4, #label_7, #label_10, #label_12 {
display: none;
}- CSS kodunu oluşturduğunuzda formunuza ekleyin.
Sorunuz varsa veya yukarıdaki adımlardan herhangi birinde zorluk yaşıyorsanız aşağıya yorum bırakmaktan çekinmeyin.
Yorum Gönder: