创建 html 表单的更好方法

Question

我来这里是为了找出哪种方法更适合创建更好的 html 表单：

1.)

• 就像：

<form ...>
     <fieldset>
          <ul>
               <li>
                    <label for="...">Name</label>
                    <input name="name" value="..." />
               </li>
               <li>
                    <label for="...">Email</label>
                    <input name="Email" value="..." />
               </li>
               <li>
                    <label for="...">Address</label>
                    <input name="address" value="..." />
               </li>
               <li>
                    <label for="...">&nbsp;</label>
                    <input type="submit" value="..." />
               </li>
          </ul>
     </fieldset>
</form>

2.)

例如：

<form ...>
     <fieldset>
           <dl>
                <label for="...">Name</label>
                <input name="name" value="..." />
           </dl>
           <dl>
                <label for="...">Email</label>
                <input name="Email" value="..." />
           </dl>
           <dl>
                <label for="...">Address</label>
                <input name="address" value="..." />
           </dl>
           <dl>
                <label for="...">&nbsp;</label>
                <input type="submit" value="..." />
           </dl>
     </fieldset>
</form>

Answer 1

查看 W3 指南

他们使用

   <FORM action="submit" method="post">
         <LABEL for="user" accesskey="U">name</LABEL>
         <INPUT type="text" id="user">
   </FORM>

此链接中的进一步内容它们展示了如何对表单控件进行分组。