Mehrere Feldgruppe in einem Formular-Tag

Question

Ich wollte wissen, ob eine <form> viele <fieldset> darin enthalten kann? Oder ist es besser, stattdessen <div> zu verwenden? In meinem Fall möchte ich ein anspruchsvolles reagierendes Design <form> mit vielen verschiedenen Arten von <input>.' And if so, do theshould be in his own `allein entwerfen?

Besser so:

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

Oder wie folgt aus:

 <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

Multiple Fieldsets in einer Form erlaubt sind. Beispiel: Dateneingabefelder in einem fieldset und action buttons ('abschicken', 'stornieren' usw.) in einem separaten fieldset.

Fieldset sollte immer eine Legende Tag entsprechend den Standards haben.

Eigentlich sind Fieldsets nur ein weiteres "Anzeige" -Blocklevelelement. d. h. es ist ein "fantastisches Div". Es kann überall dort verwendet werden, wo ein Blocklevel-Element verwendet werden kann. Es hat kein "spezielles Wissen" darüber, was darin ist. Da die "Legende" ein separates Element ist, kann sie individuell mit CSS gestylt werden.

sein pedantisch; -/

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

Extrahiert Text: "... kann man das fieldset-Element verwenden. Der Titel einer solchen Gruppe von Steuerelementen wird durch das erste Element im Feld festgelegt, das ein Legendenelement sein muss.

Es sieht viel besser aus, dass ein 'Div' mit Überschriften, meiner Meinung nach. Bis zu dem Punkt, dass ich es außerhalb von Formen verwende, um Dinge zu gruppieren. Versuchen Sie, diesen Text in den Rahmen mit CSS zu bekommen.

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