Question

我想知道<form>中是否可以包含多个<fieldset>？或者更好地使用<div>代替？就我而言，我想设计一个复杂的响应式设计<form>，其中包含许多不同类型的<input>.' And if so, do the should be in his own`

更像这样：

        <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>

Answer 1

允许表单中的多个字段集。示例：单个字段集中的一个fieldset和action buttons（＆＃39;提交，＆＃39;＆＃39;取消＆＃39;等）中的数据输入字段。

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

实际上，Fieldsets只是另一个＆＃39;显示＆＃39;块级元素。即把它想象成一个奇特的div＆＃39;。它可以在任何“块级元素”的任何地方使用。能够。它没有任何特殊知识＆＃39;里面是什么作为传奇＆＃39;是一个单独的元素，它可以使用CSS单独设置样式。

迂腐; - /

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

提取的文字：＆＃39; ...，可以使用fieldset元素。这组控件的标题由fieldset中的第一个元素给出，它必须是一个图例元素。＆＃39;。

一个＆＃39; div＆＃39;看起来好多了。在我看来，有标题。至于我在表单之外使用它来分组事物。尝试使用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>

表单标记中的多个字段集

1 个答案: