Question

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

Answer 1

我会推荐这两种资源：

从第二个链接：

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


如果你想执行一个传统的（即非AJAX）表格，你需要它。

你需要它，你想要捕获＆＃34;提交＆＃34;事件编程。

您需要它才能让移动版Safari显示＆＃34; Go＆＃34;键盘上的按钮。

如果你想以编程方式＆＃34;重置＆＃34;你需要它。表格（即电话重置（））。

它使通用表单序列化更容易（因为它对输入字段进行分组）。

如果您想在没有现代文件API的情况下发布文件，则需要它。   如果必须隔离具有相同名称的字段，则需要它。

当然，您始终可以在表单中使用ul和li和labels s，但这完全取决于您，设计明智。如果您的表单看起来像列表，您可能希望使用列表项 - 这将有助于样式化。如果没有，您可以将inputs和divs与var formData = new FormData(); formData.append('<NAME>',this.new_attachments)组合在一起。但功能明智，没有区别。

Answer 2

正如您所指出的，

<li>将在<div>和<ul>内部发挥作用。但是，<ul>唯一可接受的子元素是<li>，而实际上任何内容都可以是<div>的子元素。

否则，差异主要是语义上的。如果您的CSS仅影响列表，或者只是为了让您的列表在DOM中保持不同，请使用<ul>（或<ol>）。当您需要更灵活的通用容器时，请使用<div>。

Answer 3

您只能使用<div>构建网站。它的灵活元素，但我们使用不同的元素，如<h2> <span>＆amp; ...使用<li>使我们的语法可读具有填充不良习惯，你应该中和它们以及<ul>列表样式。我不记得他们之间的更多区别

表格div vs ul如何选择？

3 个答案: