如何使用HTML元素正确编写表单

我对在HTML中使用表单元素的正确嵌套和语法有疑问。我了解基本知识，但可以放上div、段落、跨度等吗。？因为使用漂亮的CSS有时需要更多的元素，而且因为我是前端学习者，所以我不确定表单中的这些元素是否会影响一些数据和输入。如果你有一些在表单中使用非常高级的HTML的例子，我会非常感激一些已经使用过的HTML实例。另外，如果您能解释它如何处理从表单收集的数据，它还可以帮助我理解这种嵌套。 顺便问一句：在表单中有按钮很重要，还是可以在这个元素之外？ 谢谢你的回答

可以放上div、段落、跨度等吗

是的，很好

在表单中有按钮很重要，还是可以在该元素之外

你可以在表单外有一个按钮——这取决于你想要实现的功能

如果您有一些在表单中使用非常高级html的经验

---

你的问题很基本，所以我不知道你在寻找多少高级示例，但你可以在这个Bootstrap 5教程（Bootstrap是一个css库/框架）中找到css类与表单一起使用的示例：

当你想了解浏览器中的HTML/css和JavaScript时，首先要做的是MDN。就你而言：

如您所见，表单确实可以包含任何类型的元素（除了嵌套的

元素外，

在所有视觉设计中的行为都类似于

）

表单的数据收集通常是通过向其

action

属性中给定的URL发送请求来完成的（如在普通HTML/HTTP中）。可以通过使用属性

方法

和

enctype

来控制此请求的确切形成方式

基本上，请求体（用于POST）或查询字符串（用于GET）将以键/值对的形式包含表单中的所有数据，其中键是输入字段的

name

属性，而值是它们的

值

属性

这可能会因字段类型的不同而有所不同。例如，

将以值的形式发送其文本内容

---

当用户单击表单上的

submit

按钮（或者

或者

）时，会触发发送此请求（以及浏览器导航）。这称为提交表单。

欢迎来到Stackoverflow，参观一下欢迎来到Stackoverflow！例如，请阅读并感谢您。我在访问这个网站后感到困惑，比如说谢谢你。我在访问了这个网站后感到困惑，我想创建一个类似于他们表单中的表单（destination finder）-如果你点击它，你会有另一个窗体的新窗口-例如，有很多图标按钮，我不确定它们是否使用了一些框架，我试图复制这段代码，并将其重新制作得更简单。。让我吃惊的是标签和图标的内部——看起来很难。所以我想尝试在没有框架的更简单的纯代码中实现这一点。