1

我们正在努力使我们的应用程序尽可能易于访问。我们需要让客户在整个应用程序中始终将手放在键盘和标签上。我们正在使用 angular-ui/bootstrap 水平导航选项卡来显示和收集每个选项卡面板中的数据。目前，我们无法找到一种非鼠标方式将焦点从选项卡向下转移到选项卡面板中，以允许将焦点放在可选组件上。

选项卡集是为仅供查看的内容构建的吗？如果没有，我们如何将注意力集中在选项卡面板中的可编辑/可选择组件上？

HTML：

<tabset>
  <tab tab-index=1>
    <tab-heading>
      <span>hello</span><em>1</em>
    </tab-heading>
    One

    <input type="button" value="test" tabindex="2">
    </tab>
  <tab heading="Two" tab-index=1>Two</tab>
  <tab heading="Three" tab-index=1>Three</tab>
</tabset>

JS：

angular.module('ui.bootstrap.demo', ['ui.bootstrap']); angular.module('ui.bootstrap.demo').controller('test', function ($scope) { });

4

0 回答 0