Question

如果使用字段集以及定义列表，那么dl标记是否可以完成字段集的工作 - 最佳做法是什么？

<fieldset>
    <dl>
        <dt>Order By</dt>
        <dd><input type="checkbox" name="checkboxG1x" id="checkboxG1x"/><label for="checkboxG1x" class="checkbox-label">Option 1</label></dd>
        <dd><input type="checkbox" name="checkboxG1x" id="checkboxG1x"/><label for="checkboxG1x" class="checkbox-label">Option 2</label></dd>
        <dd><input type="checkbox" name="checkboxG1x" id="checkboxG1x"/><label for="checkboxG1x" class="checkbox-label">Option 3</label></dd>
    </dl>
</fieldset>

Answer 1

我不能评论它是否在语义上＆＃34;对＆＃34;或＆＃34;错误＆＃34;在此上下文中的字段集中具有dl。但是，这有点不寻常。

话虽这么说，dt看起来确实应该是一个传奇，它专门用于标记整个场地集。因此，dl和dd元素应替换为一系列段落：

<fieldset>
    <legend>Order By</legend>
    <p><input type="checkbox" name="checkboxG1x" id="checkboxG1x"/><label for="checkboxG1x" class="checkbox-label">Option 1</label></p>
    <p><input type="checkbox" name="checkboxG1x" id="checkboxG1x"/><label for="checkboxG1x" class="checkbox-label">Option 2</label></p>
    <p><input type="checkbox" name="checkboxG1x" id="checkboxG1x"/><label for="checkboxG1x" class="checkbox-label">Option 3</label></p>
</fieldset>

Answer 2

<fieldset>标记用于对表单中的相关元素进行分组，<legend>标记字段集。

注意：请勿使用<dl>元素或<ul>元素来创建缩进。虽然它有效，但这是一种不好的做法。

<fieldset>
    <legend>Order by</legend>      
        <input type="checkbox" name="checkboxG1x" id="checkboxG1x"/><label for="checkboxG1x" class="checkbox-label">Option 1</label><br/>
        <input type="checkbox" name="checkboxG1x" id="checkboxG1x"/><label for="checkboxG1x" class="checkbox-label">Option 2</label><br/>
        <input type="checkbox" name="checkboxG1x" id="checkboxG1x"/><label for="checkboxG1x" class="checkbox-label">Option 3</label><br/>
</fieldset>

字段集和定义列表

2 个答案: