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



我有一个关于在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中(。如何准确地形成该请求可以通过使用属性methodenctype来控制。

基本上,请求主体(对于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/

最新更新