INPUTlarda disabled ve readOnly parametreleri ve kullanımları
Oct 07,2008 00:00 by canawar

INPUTlarda disabled ve readOnly parametreleri ve kullanımları...

Alıntı değildir.

Disabled parametresi de ne?! diye bir soru sormayacağınızı umuyorum.

disabled: ingilizceden çevirirsek edilgen diyebiliriz. "engelli, özürlü" ingilizcesi de bu kelimedir bu arada.. kısaca "etkisiz" demeyi uygun buluyorum ben kendi açımdan

Konumuza geçersek, disabled parametresi formlardaki bazı değerleri etkisiz yapar şunun gibi:

HTML 4.01 Örneği:
HTML-Kodu:
<input type=text disabled>

XHTML Örneği:
HTML-Kodu:
<INPUT TYPE="TEXT" DISABLED="DISABLED"/>
bazen xhtml dilindeki disabled="disabled" ifadesini kullanmak daha iyidir.

Kod:
Not: XHTML HTML dilinin esnek olmayan versiyonudur. imla hatalarını esneklikle karşılamaz... sayfanız çalışmaz..
bu disabledi nerelerde kullanırız diye sorabilirsiniz sayın üyeler ve diğerleri...

Örnek:

form gönderiminde sayfa yüklenme sırasında oluşan boşlukta butona ikinci sefer basılmasını önlemek için...

HTML-Kodu:
<form method=post> <input tpye=text name=ara><input type=submit value=ara onClick="this.disabled='true';"> </form>
ara butonuna basıldığı anda ara butonu etkisizleşecektir.

kod açıklaması: this.disabled='true'; bu fonksiyon bulunduğu tagına event olayı (onclick, omouseover, ondblclick...) sırasında kendisini (this) etkisizleştirmesini söyler...

NOT: etkisizleştirdiğiniz değerlerin VALUE değerleri de sıfırlanır ve yoksayılır!!

peki bu readOnly nedir??

readOnly "sadece oku" demektir ve inputun sadece okunmasını sağlar. bu da disabled gibidir fakat value değerini sıfırlamaz ve yoksaymaz...

Örnek

HTML-Kodu:
<input type=text value=aurora readOnly=readOnly>
işte bu durumda metin içerisindeki aurora yazısını değiştirmeniz mümkün olmaz.

örnekler sizin yaratıcılığınıza da kalmış biraz...