我有一个关于在HTML中使用form元素的正确嵌套和语法的问题。我理解基础知识,但可以放在那里div、段落、跨度等吗。?因为使用漂亮的CSS有时需要更多的元素,而且我是前端学习者,我不确定表单中的这些元素是否会影响一些数据和输入。如果你有一些在表单中使用非常高级HTML的例子,我会非常感谢一些已经使用过的HTML真实例子。此外,如果你能解释它是如何从表单中收集数据的,它也可以帮助我理解这种嵌套。顺便问一句:把按钮放在表单内部重要吗?它可以在这个元素之外吗?谢谢你的回答。
当您想了解浏览器中的HTML/CSS和JavaScript时,首先要去的地方是MDN。在您的情况下:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Form
正如您在那里看到的,表单实际上可以包括任何类型的元素(对于所有视觉设计目的,<form>
的行为都像<div>
(,除了嵌套的<form>
元素
表单的数据收集通常是通过向其action
属性中给定的URL发送请求来进行的(如在纯HTML/HTTP中(。如何准确地形成该请求可以通过使用属性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/