<optgroup label = '-------'></optgroup> da error de validación xhtml

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. 

Quiero lograr algo como esto en las opciones de seleccionar.

USA 
UK 
-- 
Afghanistan 

quiero poner algunos países importantes en la parte superior y luego un divisor no seleccionable y luego lista de países que quedan ordenados.

Pongo este divisor usando el 'grupo de opciones' vacío. Si bien funciona perfectamente en todos los navegadores, recibo un error de validación.

¿Cuáles podrían ser otros enfoques para implementar esto?

Answer 1

Similar a lo que escribió @ZippyV, sólo puede utilizar un <option> y crea que puede desactivar:

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

Eso no será seleccionable. Además, si fuera yo, usaría un m-dash y no dos guiones:

<option disabled='disabled'>&mdash;</option> 

Answer 2

No use un grupo de opciones para esto. sólo hay que poner este <option val="-">--</option> en el código

Answer 3

Usted no se hayan publicado ningún código, pero apuesto a que tiene algo así como:

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

Esto no es válida debido a que su optgroup no contiene elementos de opción. Es necesario utilizar algo como:

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