2015-09-29 17 views
5

Başlığın söylediği gibi: satır içi HTML niteliğinden ziyade bir onay kutusu varsayılan olarak stil sayfasında kontrol edilebilir mi? w3schools.com danBir HTML niteliğinden ziyade bir onay kutusu varsayılan olarak stil sayfasında kontrol edilebilir mi?

Örnek, "araba" kutusunun işaretli olduğundan:

<form action="demo_form.asp"> 
<input type="checkbox" name="vehicle" value="Bike"> I have a bike<br> 
<input type="checkbox" name="vehicle" value="Car" checked> I have a car<br> 
<input type="submit" value="Submit"> 
</form> 

Bir onay kutusunu "Ben Şartlar ve Koşulları kabul ediyorum" ve nedeniyle aksak web ben yapıyorum Bunu yaparken, satır içi CSS oluşturamıyorum. Bunun yerine, bu alana bir css sınıfı atayabilir ve daha büyük stil sayfasındaki sınıfı düzenleyebilirim.

Daha kolay hale getirirse, bu sayfadaki tek onay kutusu olur.

+0

'css' .. o .. ve daha olması o elemanın özelliğidir Kesin 'css 'bunu yapamam. js kullanmanız gerekecek. –

+2

Bunun yasal olduğundan emin değilim. – TylerH

+0

Herkesin etrafında çalışmak için iyi cevapları vardı, ama @TylerH en yararlı yorumu yaptı: "Bunun yasal olduğuna emin değilim". Kullanıcı T & C kutusunu aktif olarak kabul etmesi gerektiğinden, varsayılan olarak T-C kutusunu UNCHECKED olarak bırakmalıyım. Aksi takdirde, bir çeşit yasal güvenlik açığı olabilir. Herkese hızlı yanıtlar için teşekkürler! Şimdi patronuma, bizi yasal sorunlara nasıl soktuğumdan kaçınmam gerektiğini anlatıyorum! (Gelecek için: başka bir çözüm, "Gönder'i tıklatıp T & C'yi kabul ettiğinizi" belirterek, gönder düğmesinin üzerinde bir metin olabilirdi. – Rachel

cevap

8

Ne yazık ki bir onay kutusu CSS'de kontrol edilemiyor. input öğesinin checked özniteliğine dayanır ve öznitelikleri CSS ile değiştirilemez.

Alternatif olarak, bir JavaScript çözümüne bakabilirsiniz, ancak elbette HTML'yi doğrudan düzenlemek en iyi yoldur.

2

Her şeyden önce, bu bir css değil html öğesinin özniteliğidir.

diğer bir yolu da javascript ile kontrol etmenin ve css ile sadece bu gibi seçebilirsiniz:

değil
input[type=checkbox]:checked /* select checked checkbox */ 
input[type=checkbox] /* select any checkbox */