forms – 表单标记中的多个fieldset

我想知道一个< form>可以包含许多< fieldset>在里面？或者使用< div>是否更好？代替？就我而言,我想设计一个复杂的响应式设计< form>有许多不同种类的< input>.’如果是这样的话,应该独自一人吗？

更像这样：

<form action="#" method="POST">

          <fieldset id="input1-wrapper">
            <h3>Input 1</h3>
            <input type="texte" name="input1" placeholder="input1">
          </fieldset>

          <fieldset id="input2-wrapper">
            <h3>Input 2</h3>
            <input type="texte" name="input2" placeholder="input2">
          </fieldset>

        </form>

或者像这样：

<form action="#" method="POST">

          <div id="input1-wrapper">
            <h3>Input 1</h3>
            <input type="texte" name="input1" placeholder="input1">
          </div>

          <div id="input2-wrapper">
            <h3>Input 2</h3>
            <input type="texte" name="input2" placeholder="input2">
          </div>

        </form>

解决方法

允许表单中的多个字段集.示例：一个字段集和操作按钮中的数据输入字段(“提交”,“取消”等)在单独的字段集中.

Fieldset应始终根据标准具有图例标记.

实际上,Fieldsets只是另一个“显示”块级元素.即把它想象成一个“花哨的div”.它可以在“块级元素”的任何地方使用.它没有内在的“特殊知识”.由于’legend’是一个单独的元素,因此可以使用CSS单独设置样式.

迂腐; – /

www.whatwg.org/specs/web-apps/current-work/multipage/forms

提取的文本：’…,可以使用fieldset元素.这组控件的标题由fieldset中的第一个元素给出,它必须是一个图例元素.

在我看来,带有标题的’div’看起来好多了.至于我在表单之外使用它来分组事物.尝试使用CSS在边框中获取该文本.

<form action="#" method="POST">
    <fieldset id="input1-wrapper">
       <legend>Input 1</legend>
       <input type="text" name="input1" placeholder="input1">
    </fieldset>

    <fieldset id="input2-wrapper">
       <legend>Input 2</legend>
       <input type="text" name="input2" placeholder="input2">
    </fieldset>

 </form>