Question

使用<forms>代替<div>的有效方案是什么？我自己从未使用它，但人们确实使用它。

我是否遗漏了形式必须提供的东西，而不是语义论证？

Answer 1

当您拥有一组逻辑表单控件（输入，选择，按钮等）时，请使用表单：

将他们分组
指定输入数据的位置应以及以何种形式提交

当HTML不提供具有适当语义的元素时，使用div创建一组元素和/或文本。

Answer 2

对于类似表单的内容，<form>是标准内容。

div没有语义含义。它基本上是当文档中的某些东西不能以任何其他方式分类时使用的元素，例如实现所需布局所需的附加元素 - 尽管目标是避免这种情况。在过去，由于可用的语义元素较少，因此更需要它。

表单确实具有语义含义，应该用作表单 - 接受用户输入的区域。这是来自w3文档的引用： (src..)

HTML表单是包含普通内容的文档的一部分，标记，称为控件的特殊元素（复选框，单选按钮，菜单等），以及这些控件上的标签。用户一般“完成” 通过修改其控件（输入文本，选择菜单项，在将表格提交给代理商进行处理之前（例如，） Web服务器，邮件服务器等。）

表单也有默认行为，例如“提交”表单的按钮，它会根据action和method属性刷新/重定向页面。虽然使用ajax进行表单提交并禁用该行为更为现代，但表单元素仍然是类似于表单的事物的语义上适当的元素。如果禁用了javascript，表单将回退到标准提交（操作/方法），因此仍然使用表单。您还可以使用var myVar = document.forms访问javascript中的表单。

Answer 3

它们有完全不同的目的，你看，表单（<form> html标签Read more）是用于输入用户输入并发送它的一系列元素（文本字段，文本区域，复选框）的容器到服务器，而div（<div> Read more）是用于组织或样式化的通用元素，当没有其他html元素为您的标记提供有意义的选项时，应使用div。

Answer 4

表单通常用于向后端提交数据 -

<input type=submit />

在表单的范围内导致它被发布到您在实际表单的方法标记中指定的URL。

Answer 5

来自W3C HTML 5 spec：

表单元素表示与表单相关的元素的集合，其中一些元素可以表示可以提交给服务器进行处理的可编辑值。

如果您不使用表单元素来包含与表单相关的元素，则应使用其他元素。如果存在一个用于包装的信息类型，请使用它，否则根据您将使用CSS执行的格式化类型，根据需要使用div或span。

请记住，HTML代表您所呈现的KIND信息，而CSS则代表该信息的呈现和样式。

什么时候应该使用表格而不是标准div？

5 个答案: