创建 html 表单的更好方法答案

【问题标题】：better way for creating html forms创建 html 表单的更好方法
【发布时间】：2011-04-03 05:56:23
【问题描述】：

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

1.) <form><ul><li><lable> 喜欢：

<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><dl> 喜欢：

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

【问题讨论】：

标签： html forms webforms

【解决方案1】：

看看W3 guidelines

他们使用

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

在此链接的下方，他们展示了如何对表单控件进行分组。

【讨论】：