每页有多个HTML表单。制表符从一个表单跳到另一个表单。为什么?

每页有多个HTML表单。制表符从一个表单跳到另一个表单。为什么?,html,forms,Html,Forms,我在一个页面上有多个html表单,并注意到如果用户在表单元素之间切换,他们也可能在表单之间切换,这是我不希望发生的 我已经阅读了关于此处未使用的表单的答案: 我想知道现在是否有更好的方法让表单元素在浏览器中被有意地分组在一起,这样tabing就只在同一表单中的元素之间循环。有人会认为使用表单标签就足够了,但很明显,这是我们都知道和喜爱的浏览器供应商所做的事情 编辑:这是针对网络应用程序而不是桌面网站的。您可能已经找到了解决方案,但希望它能帮助其他人 我也有类似的问题,并创建了一个小小的jQue

我在一个页面上有多个html表单,并注意到如果用户在表单元素之间切换,他们也可能在表单之间切换,这是我不希望发生的

我已经阅读了关于此处未使用的表单的答案:

我想知道现在是否有更好的方法让表单元素在浏览器中被有意地分组在一起,这样tabing就只在同一表单中的元素之间循环。有人会认为使用表单标签就足够了,但很明显,这是我们都知道和喜爱的浏览器供应商所做的事情


编辑:这是针对网络应用程序而不是桌面网站的。

您可能已经找到了解决方案,但希望它能帮助其他人

我也有类似的问题,并创建了一个小小的jQueryUI插件来限制TAB影响的字段。您可以简单地使用它:

$(".someGroup").tabGuard();
这将使tab在
.someGroup
包装器中的字段上进行迭代。通过这种方式,您可以在一个页面上对各种表单进行分组,焦点中的表单将继续在TAB或Shift+TAB上迭代(如果有意义的话)。在这里找到它:


我希望有人会觉得它有用。

您仍然需要开发一个javascript解决方案,以防止在给定表单之外进行制表。据我所知,CSS或HTML中没有什么新的东西允许在单个表单中进行制表符循环。制表符也是一种可访问性需求。将某人锁定在单个表单元素的“选项卡循环”中可能会使您的站点不易访问。@jmbertucci-+1以获取有关可访问性的评论。这将有效地使一些用户无法访问除第一个表单之外的页面的任何部分。也许我应该提到它是一个移动web应用程序,因此唯一的选项卡提供的是表单元素之间的选项卡。ha,我只是将表单拆分成多个页面,因为我找不到解决方案,也没有像当时我自己编写jquery那样有经验,但是这个插件非常棒。不错。