现在的html还用div吗,html - 在FORM中使用DIV是否正确？

html - 在FORM中使用DIV是否正确？

我只是想知道你在FORM-tag中对DIV-tag的看法是什么？

我需要这样的东西：

some

another

一般的做法是在FORM内使用DIV，还是需要不同的东西？

demas asked 2019-06-08T17:46:12Z

9个解决方案

105 votes

这很好。

div将仅提交其输入类型控件(*也是form,Select等...)。

form内您无需担心div。

Royi Namir answered 2019-06-08T17:46:39Z

24 votes

在div标签内使用DIV是完全可以接受的。

如果查看默认的CSS 2.1样式表，则div和p都在display: block类别中。 然后查看表单元素的HTML 4.01规范，它们不仅包括

标签，还包括

将满足相同的标准。 文档中的表单中还有一个标记。

例如，以下内容在严格模式下传递HTML4验证：

Test

Test:

Alex W answered 2019-06-08T17:47:23Z

7 votes

您可以在表单中使用

- 那里没有问题....但是如果您打算使用

作为input的标签，请不要...... label是一个更好的选择：

My Label

ManseUK answered 2019-06-08T17:47:54Z

2 votes

＆lt; input＆gt;是错误的。 作为＆lt; form＆gt;的直接子项

顺便说一句＆lt; input /＆gt; 某些doctype可能会失败

用[http://validator.w3.org/check]检查

文档类型不允许元素“INPUT”在这里; 缺少“P”，“H1”，“H2”，“H3”，“H4”，“H5”，“H6”，“PRE”，“DIV”，“ADDRESS”开始标记之一

＆lt; input type =“text”/＆gt;

提到的元素不允许出现在您放置它的上下文中; 其他提到的元素是唯一允许存在的元素，并且可以包含所提到的元素。 这可能意味着您需要一个包含元素，或者您可能忘记关闭前一个元素。

此消息的一个可能原因是您尝试将块级元素(例如“＆lt; p＆gt;”或“＆lt; table＆gt;”)放入内联元素(例如“＆lt; a＆gt;”，“ ＆lt; span＆gt;“或”＆lt; font＆gt;“)。

stefan bachert answered 2019-06-08T17:49:07Z

2 votes

您的问题没有解决您想要放入DIV标签的内容，这可能是您收到一些不完整/错误答案的原因。 事实是，正如Royi所说，你可以将DIV标签放在你的表格中。 例如，您不希望对标签执行此操作，但如果您有一个包含一堆复选框的表单，您希望将其布置为三列，那么请务必使用DIV标记(或SPAN，HEADER等) 。)完成你想要实现的外观和感觉。

Clinton answered 2019-06-08T17:49:38Z

2 votes

定义和用法

标签定义HTML文档中的分区或部分。

该标记用于对块元素进行分组以使其格式化  样式。  [http://www.w3schools.com/tags/tag_div.asp]

还有DIV - MDN

HTML元素(或HTML文档分割元素)是   流内容的通用容器，它本身并不存在   代表什么。 它可用于对样式进行分组   目的(使用class或id属性)，或者因为它们共享   属性值，例如lang。 它应该只在没有其他时使用   语义元素(例如或)是合适的。

您可以在表单内使用div，如果您正在谈论使用div而不是表格，那么请关注无表格网页设计

Habib answered 2019-06-08T17:50:38Z

0 votes

正如其他人所说，这一切都很好，你可以做得很好。 就我个人而言，我尝试使用我的元素保持一种层次结构形式，其中div是最外层的父元素。 我尝试只使用table p ul和span内部表格。 只是让我更容易跟踪我的网页中的父/子关系。

JT Smith answered 2019-06-08T17:51:08Z

-5 votes

绝对不！ 它将呈现，但不会验证。 使用标签。

这是不正确的。 它无法访问。 你在一些网站上看到它，因为一些开发人员只是懒惰。 当我雇用开发人员时，这是我在候选人工作中检查的第一件事。 表格很讨厌，但要花时间学会正确地做

user2774731 answered 2019-06-08T17:51:47Z

-8 votes

不，这不对

section标签总是被滥用来创建Web布局。 它的象征性目的是划分页面中的一个部分/部分，以便可以添加或应用单独的样式。 [w3schools Doc] [W3C]

这在很大程度上取决于你的section和header。

HTML5具有更多逻辑含义标记，而不是具有普通的布局标记。 section,header,nav,aside一切都有它们自己的语义含义。 并用于对抗

Starx answered 2019-06-08T17:52:41Z