2

我正在创建一个表单并遇到了字段集的填充问题。虽然在 Opera、FF 和 Chrome 中看起来一切正常，但 IE 7 和 8 都只是丢弃了字段集中的任何顶部填充。下面的代码正确地在 fielset 的左侧、底部和右侧添加了填充（尽管后者会导致这个已知问题），但将第一行内容直接放置在图例下方，没有间距：

<form>      
  <fieldset style="padding:30px;">
      <legend>Legend</legend>
      <label for="input">Label</label>
      <input type="text" id="input" />  
  </fieldset>    
 </form>

然而，这个对另一个问题的回答将我指向了传奇标签，事实上，如果我把它排除在外，一切都很好。

所以我的问题是：

是否有解决方法来同时拥有图例标签和填充？我的快速顶部尝试（第一个元素的顶部边缘）没有效果。

或者我是否必须放弃（语义正确的）图例标签并将其替换为（更随意）的东西，如标题？这对屏幕阅读器有什么影响？

4

1 回答 1

2

是否可以从字段集中删除所有填充，而是在字段集中创建一个添加填充的 div？

<form>
  <fieldset>
      <legend>Legend</legend>
      <div style="padding:30px;">
         <label for="input">Label</label>
         <input type="text" id="input" />
      </div>
  </fieldset>
</form>
于 2012-07-09T17:35:06.407 回答