我有一个关于在 HTML 中使用表单元素的正确嵌套和语法的问题。我了解基础知识，但可以放 div、段落、span 等吗？因为使用漂亮的 CSS 有时需要更多元素，而且因为我是前端学习者，所以我不确定表单中的这些元素是否会影响某些数据和输入。如果您有一些在表单中使用非常高级 HTML 的示例，我将非常感谢一些已经使用过的 HTML 真实示例。此外，如果您可以解释它如何与从表单收集数据一起工作，它也可以帮助我理解这种嵌套。 顺便说一句：在表单内有按钮重要还是可以在这个元素之外？ 感谢您的任何回答。
【问题讨论】：
标签： html css forms button submit
如果您想了解有关浏览器中的 HTML/CSS 和 JavaScript 的任何信息，首先要去的地方是 MDN。在你的情况下：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Form
如您所见，表单确实可以包含任何类型的元素（<form> 的行为与 <div> 一样，用于所有视觉设计目的），嵌套的 <form> 元素除外
表单的数据收集通常（如在纯 HTML/HTTP 中）通过向其action 属性中给出的 URL 发送请求来完成。可以通过使用属性method 和enctype 来控制此请求的确切形成方式。
基本上，请求正文（用于 POST）或查询字符串（用于 GET）将包含表单内的所有数据作为键/值对，其中键是输入字段的 name 属性，而值是他们的value 属性。
这可能会因字段类型而有所不同。例如，<textarea> 会将其文本内容作为值发送。
当用户单击表单上的submit 按钮（<input type="submit"> 或<button>）时，会触发此请求（和浏览器导航）的发送。这称为提交表单。
【讨论】：
可以放 div、段落跨度等吗？
是的，很好。
在表单内部有按钮重要还是可以在此元素外部？
您可以在表单之外有一个按钮 - 取决于您要实现的功能。
如果你有一些在表单中使用非常高级的 html 的例子
您的问题非常基础，所以我不知道您正在寻找多少高级示例，但您可以在此 Bootstrap 5 教程中找到与表单一起使用的 css 类示例（Bootstrap 是一个 CSS 库/框架):https://getbootstrap.com/docs/5.0/forms/layout/
【讨论】：