Nitelik için etiket etiketleri normal bir div ile ilişkilendirilebilir mi?

Question

o

girmeme izin verin (ben bir div içine kaplı özel bir açılır liste uygulamasını yaptık örneğin) normal bir div öğesinin bir kimliği olarak değer "için" bir etiket kullanmasına html5 tanımları altında geçerli html olduğunu mümkünse spec göre değil,

Thomas

Answer 1

biliyoruz: hepsi formu ile ilişkili, labelable elemanlar olarak kategorize edilir değil

Bazı unsurları. Bunlar, etiket elemanı ile ilişkilendirilebilen öğelerdir.

"düğmesi" "giriş" (type özelliği, gizli durumda değilse) "keygen" "metre" "çıkış" "ilerleme" "select" "textarea"

http://www.w3.org/TR/html5/forms.html#category-label

Ayrıca bkz: özellik için

başlık ilişkili olan bir şekilde kontrol belirtmek için belirlenebilir. Öznitelik belirtildiyse, özniteliğinin değeri, belgesinde etiket öğesiyle aynı Belge öğesinin kimliği olmalıdır. Öznitelik belirtilmişse ve belgesinde, Belge özniteliği için değerine eşit olan bir öğe vardır ve bu tür ilk öğe, saydam bir öğedir, daha sonra bu öğe etiket öğesinin etiketli denetimidür.

http://www.w3.org/TR/html5/the-label-element.html#attr-label-for

Soruyu sizce geçerli bir kullanım örneğini sunar. ARIA nitelikleri biçimlendirme daha erişilebilir hale gelmesine yardımcı olabilir gerçi, önerilen model böyle bir senaryo için ne olduğundan emin değilim:

https://developer.mozilla.org/en/Accessibility/ARIA/forms/Basic_form_hints https://developer.mozilla.org/Special:Tags?tag=ARIA

Answer 2

Tim diyor doğal olarak bunu yapmak mümkün değildir belirtildiği gibi, Ancak javascript birazcık HTML5 spec gelen bu

jQuery(document).delegate('[for]','click',function(e){ 
    var targetEl = jQuery('#'+jQuery(this).attr('for')); 
    if(targetEl.is('div.your-custom-dropdown-class')) { //if targetEl is one of your dropdowns 
     e.preventDefault(); 
     targetEl.trigger('click'); //open the drop down 
    } 
});