SORU
11 Mayıs 2011, ÇARŞAMBA


Nasıl form alanları CSS kullanarak devre dışı bırakırım?

Form alanları CSS kullanarak devre dışı bırakmak mümkün mü? Tabii ki özniteliği devre dışı biliyor, ama bir CSS kuralı bunu belirtmeniz mümkün mü? Bir şey gibi

<input type="text" name="username" value="admin" >
<style type="text/css">
  input[name=username] {
    disabled: true; /* Does not work */
  }
</style>

Sormamın sebebi, form alanlarını otomatik bir uygulama var ve alanlar/bazı kurallar Javascript çalıştırmak () dayanan gizli gösterilir. Şimdi etkinleştirme/devre dışı bırakma alanlar, ama kuralları doğrudan form alanlarının stil özelliklerini kullanmak için yazılmış bir şekilde desteklemek için genişletmek istiyorum. Şimdi kural motoru form alanlarının nitelikleri yanı sıra stil ve daha az ideal görünüyor şekilde değiştirmek için genişletmek için var.

CSS görünür ve görüntü özellikleri var ama devre dışı bırak etkinleştir/bu çok tuhaf. Hala altında çalışır HTML5 standardında böyle bir şey, hatta bir şey olmayan-standart (tarayıcı) belirli bir konu var mı?

CEVAP
11 Mayıs 2011, ÇARŞAMBA


Kuralları JavaScript ile çalışan bu yana, neden onları javascript (ya da benim örnek durumda, DV) kullanarak devre dışı bırakmak değil mi?

$('#fieldId').attr('disabled', 'disabled'); //Disable
$('#fieldId').removeAttr('disabled'); //Enable

GÜNCELLEME

attr işlevi aşağıdaki yorum olduğuna işaret edildi artık bu birincil yaklaşımdır. Bu şimdi prop fonksiyonu ile yapılır.

$( "input" ).prop( "disabled", true ); //Disable
$( "input" ).prop( "disabled", false ); //Enable

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Caroline Saquet

    Caroline Saq

    1 EKİM 2011
  • ColdfusTion

    ColdfusTion

    3 Aralık 2007
  • SHAYTARDS

    SHAYTARDS

    1 EKİM 2008