<optgroup label = '-------'></optgroup>, xhtml doğrulama hatası verir

Question

Error: End tag for 'optgroup' which is not finished. You have probably failed to 
include a required child element. Hence the parent element is "not finished", 
not complete. 

Seçme seçeneklerinde böyle bir şey gerçekleştirmek istiyorum.

USA 
UK 
-- 
Afghanistan 

Sonra olmayan seçilebilir bölücü üstünde birkaç önemli ülkeleri koymak ve istediğiniz ve daha sonra kalan ülkelerin listesini vermiştir.

Bu ayırıcıyı boş 'optgroup' kullanarak yerleştiriyorum. Tüm tarayıcılarda mükemmel çalışır, doğrulama hatası alırım.

Bunu uygulamak için başka yaklaşımlar neler olabilir?

Answer 1

, sadece bir <option> kullanmak ve onu devre dışı bırakılabilir yapabilirsiniz:

<option disabled='disabled'>--</option> 

seçilebilir olmayacak Yani sen gibi bir şey kullanmak gerekir. Ayrıca eğer ben olsaydım, bir m-tire ve iki tire kullanmazdım:

Answer 2

Bunun için bir optgroup kullanmayın. Sadece kod

Answer 3

herhangi bir kod gönderilmeyen bu <option val="-">--</option> koymak, ama böyle bir şey var bahis:

<select> 
    <option>USA</option> 
    <option>UK</option> 
    <optgroup label="---"></optgroup> 
    <option>Afghanistan</option> 
    <option>...</option> 
</select> 

sizin OPTGROUP hiçbir seçenek öğeleri içerir çünkü bu geçersiz.

@ZippyV yazdıklarını benzer

<select> 
    <option>USA</option> 
    <option>UK</option> 
    <optgroup label="---"> 
     <option>Afghanistan</option> 
     <option>...</option> 
    </optgroup> 
</select>