在列表中,可编辑项的正确HTML语义
在列表中,可编辑项的正确HTML语义
我目前面临着一个以前从未面对过的情况。我需要创建一个用户列表,列表中的每个项目都是可编辑的,并且会自动发送数据到我们的后端。
我可以给出的基本示例如下:
这只是一个简单的例子,但基本上是这个结构,正如你所看到的,我没有添加任何表单,这就是我的问题所在。
根据我对语义化HTML的了解,每个项目都应该是一个表单:
或者我会为整个列表创建一个单独的表单:
但是,在我来这里询问之前,我试图查看一些网站,比如YouTube、Twitch、Gmail,甚至是这里的Stack Overflow,看看它们是如何做的,我在Twitch上发现了这个,让我想知道是否需要一个表单。如果你在Twitch上点击你的头像,会给你两个选项:
检查页面,我只能找到每个选项的标签和输入框,但在剩下的HTML中,我没有找到任何表单或带有表单角色的div。
所以我在考虑,将输入框放在任何表单之外是否符合语义化的要求?如果是的话,有什么条件需要有表单或没有表单?
因为据我所理解,只要需要提交数据到某个地方,你就应该出于语义化的原因使用表单。