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

  • Blu animations and other videos

    Blu animatio

    15 HAZİRAN 2007
  • Santozz Yazz

    Santozz Yazz

    23 Mart 2014
  • SomeOne Pro

    SomeOne Pro

    25 EKİM 2013