HTML form giriş alanları için devre dışı = "devre dışı" ve salt okunur = "salt okunur" arasındaki fark nedir?

Bu konuda biraz okudum, ancak farklı tarayıcıların şeylere nasıl davrandığı hakkında sağlam bir şey bulamıyorum.

Bir readonlyöğe sadece düzenlenebilir değildir, ancak ilgili gönderildiğinde gönderilir form. Bir disabledöğe düzenlenemez ve gönderildiğinde gönderilmez. Diğer bir fark, readonlyelemanların odaklanamaması (ve bir form aracılığıyla "sekme" yaparken odaklanabilmesidir), disabledelemanların yapamamasıdır .

Bu harika makalede veya w3c'nin tanımında bunun hakkında daha fazla bilgi edinin . Önemli kısmı alıntılamak için:

Temel Farklılıklar

Devre dışı özniteliği

• Devre dışı bırakılan form öğelerinin değerleri işlemci yöntemine iletilmez. W3C bunu başarılı bir öğe olarak adlandırır. (Bu, işaretlenmemiş form onay kutularına benzer.)
• Bazı tarayıcılar, devre dışı bırakılmış form öğeleri için geçersiz kılınabilir veya varsayılan stil sağlayabilir. (Gri renkli veya kabartma) Internet Explorer 5.5 bu konuda özellikle kötü.
• Devre dışı bırakılan form öğeleri odak almaz.
• Devre dışı bırakılan form öğeleri sekme gezinmesinde atlanır.

Salt Okunur Özelliği

• Tüm form öğelerinin salt okunur bir özniteliği yoktur. En kayda değer <SELECT>, <OPTION>ve<BUTTON> elementler salt okunur niteliklerini yok (her ikisi de engelli özelliklerini olmasına rağmen)
• Tarayıcılar, form öğesinin salt okunur olduğu varsayılan geçersiz kılınmış görsel geri bildirim sağlamaz. (Bu bir sorun olabilir… aşağıya bakın.)
• Salt okunur özniteliği ayarlanmış form öğeleri form işlemcisine aktarılır.
• Odaklanabilen salt okunur form öğeleri
• Sekmeli gezinmeye salt okunur form öğeleri dahil edilir.

Öğe özelliği devre dışı bırakıldığında hiçbir olay tetiklenmez.

Aşağıdakilerin hiçbiri tetiklenmeyecektir.

$("[disabled]").click( function(){ console.log("clicked") });//No Impact
$("[disabled]").hover( function(){ console.log("hovered") });//No Impact
$("[disabled]").dblclick( function(){ console.log("double clicked") });//No Impact

Bence salt okunur olarak tetiklenir.

$("[readonly]").click( function(){ console.log("clicked") });//log - clicked
$("[readonly]").hover( function(){ console.log("hovered") });//log - hovered
$("[readonly]").dblclick( function(){ console.log("double clicked") });//log - double clicked

Devre Dışı, form gönderildiğinde bu form öğesinden hiçbir veri gönderilmeyeceği anlamına gelir. Salt okunur, öğenin içindeki verilerin gönderileceği anlamına gelir, ancak kullanıcı tarafından değiştirilemez.

Örneğin:

<input type="text" name="yourname" value="Bob" readonly="readonly" />

Bu, "adınız" öğesi için "Bob" değerini gönderir.

<input type="text" name="yourname" value="Bob" disabled="disabled" />

Bu, "adınız" öğesi için hiçbir şey göndermez.

Diğer yanıtlarla aynı (devre dışı bırakılmış sunucuya gönderilmez, salt okunur), ancak bazı tarayıcılar devre dışı bırakılmış bir formun vurgulanmasını engellerken, salt okunur vurgulanabilir (ve kopyalanabilir).

http://www.w3schools.com/tags/att_input_disabled.asp

http://www.w3schools.com/tags/att_input_readonly.asp

Salt okunur bir alan değiştirilemez. Ancak, kullanıcı sekme yapabilir, vurgulayabilir ve metni kopyalayabilir.

Bir form temizlendiğinde (sıfırlandığında) devre dışı bırakılmış bir metin kutusunun değerinin korunması gerekirse disabled = "disabled", salt okunur metin kutusu değeri tutmayacağından kullanılmalıdır.

Örneğin:

HTML

Metin kutusu

<input type="text" id="disabledText" name="randombox" value="demo" disabled="disabled" />

Yeniden başlatma tuşu

<button type="reset" id="clearButton">Clear</button>

Yukarıdaki örnekte, Sil düğmesine basıldığında, devre dışı bırakılmış metin değeri formda korunur. Değer,input type = "text" readonly="readonly"