<optgroup label =“-------”> </optgroup>给出了xhtml验证错误

时间:2010-03-08 13:09:07

标签: html css optgroup

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. 

我想在选择选项中实现类似的功能。

USA
UK
--
Afghanistan

我想把几个重要的国家放在首位,然后是一个不可选择的分隔符,然后订购剩余国家的列表。

我把这个分隔符用空'optgroup'。虽然它在所有浏览器中都能完美运行,但我得到了验证错误。

实现此目的的其他方法是什么?

3 个答案:

答案 0 :(得分:5)

与@ZippyV所写的类似,你可以使用<option>并禁用它:

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

这是不可选择的。如果是我,我会使用m-dash而不是两个连字符:

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

答案 1 :(得分:1)

你没有发布任何代码,但我打赌你有类似的东西:

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

这是无效的,因为您的optgroup不包含选项元素。你需要使用类似的东西:

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

答案 2 :(得分:0)

请勿使用optgroup。 只需将此<option val="-">--</option>放入您的代码中

即可