Question

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Ricetta</title>
</head>
<body>
  <header>
    <h1>Crea una nuova ricetta</h1>
  </header>  
  <form name="nuova_ricetta" method="post" enctype="multipart/form-data">
    <fieldset>
      <legend>Nuova Ricetta</legend>
    <section id="dati_principali_ricetta">
      <h2>Dati testata ricetta</h2>
      <div> 
        <label for="titolo">Titolo ricetta
          <input type="text" name="titolo" id="titolo" placeholder="Titolo ricetta" required>
        </label>
      </div>
      <div> 
        <label for="descrizione">Descrizione ricetta
         <textarea name="descrizione" id="descrizione" required>Inserisci la descrizione della ricetta</textarea>
        </label>
      </div>
    </section> 
    <section id="corpo_ricetta">
      <h2>Dati corpo ricetta</h2>
      <div> 
        <label for="lista_ingredienti">Lista ingredienti
         <textarea name="lista_ingredienti" id="lista_ingredienti" required>Inserisci gli ingredienti della ricetta separati da una virgola</textarea>
        </label>
      </div>
      <div> 
        <label for="procedimento">Procedimento ricetta
         <textarea name="procedimento" id="lista_ingredienti" required>Indica il procedimento della ricetta</textarea>
        </label>
      </div>
    </section>
    <section id="ricetta_media">
      <h2>Dati Multimediali ricetta</h2>
      <div> 
        <label for="immagini">Caricare immagini della ricetta
          <input type="file" name="immagini" id="immagini" multiple required>
        </label>
      </div>
      <div> 
        <label for="video">Caricare video della ricetta
          <input type="file" name="video" id="video" required>
        </label>
      </div>
    </section>
      </fieldset
      </form>
</body>
</html>

这段代码是否正确？我应该使用section和h2来划分这个表单中的字段（如本例所示）或带有图例的字段集吗？我已按照此页面中的示例https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms/How_to_structure_an_HTML_form 提前谢谢

Answer 1

fieldset标记对于表单非常有用，特别是当您有单独的字段组时。看看https://www.w3schools.com/tags/tag_fieldset.asp 问题有点主观，因为你知道这取决于你，你可以使用你已经做过的章节标签来组织

我应该使用section或fieldset来组织此表单吗？

1 个答案: