时间戳

首页 > 解决方案 > Form div vs ul如何选择？

html - Form div vs ul如何选择？

问题描述

使用 ul 和使用 div 表单有什么不同？我都试过了，我看不出有什么区别，那是哪个？

这是我拍摄的一个片段（我也将它从 ul 更改为 div）：

    <ul class="flex-outer">
          <li>
            <label for="first-name">First Name</label>
            <input type="text" id="first-name" placeholder="Enter your first name here">
          </li>
    </ul>

标签： htmlcss

解决方案

我会推荐这两个资源：

从第二个链接：

也就是说，使用 FORM 标签似乎确实有一些好处，具体取决于您的具体情况：

  • 如果您想执行传统（即非 AJAX）表单发布，则需要它。
  • 您需要它以编程方式捕获“提交”事件。
  • 您需要它才能让移动版 Safari 在键盘上显示“开始”按钮。
  • 如果您想以编程方式“重置”表单（即调用 reset()），则需要它。
  • 它使通用表单序列化更容易（因为它对输入字段进行分组）。
  • 如果您想在没有现代文件 API 的情况下发布文件，则需要它。如果您必须分隔具有相同名称的字段，则需要它。

当然，您始终可以在表单中使用divs 和uls 和lis，但这完全取决于您，设计明智。如果您的表单看起来像一个列表，您可能想要使用列表项 - 这将有助于设置它的样式。如果没有，您可以将您的labelsand组合inputs在一起divs。但在功能方面，没有区别。

推荐阅读