0

假设您想制作一个自定义 HTML 标记并在同一个 HTML 页面上使用它一次或多次。每个标签的 tabindex 应该是什么才能正常工作？

4

2 回答 2

3

我们使用 tabindex="0" 作为 Angular 组件创建的自定义复选框。现在我们的新 HTML 标签（例如 ）可以在同一个 HTML 上使用一次或多次，并且标签可以正常工作。

我们在组件 HTML 的环绕 div 上设置 tabindex="0"：

<div ng-click="$ctrl.toggle()" tabindex="0">
<input id="{{::$ctrl.inputId}}" type="checkbox" name="{{::$ctrl.name}}" ng-model="$ctrl.checked" />
</div>
于 2018-07-06T14:58:47.017 回答
0

对于每个 html 标记，它应该只是 tabindex="0"，如果您以前无法做到，它将允许您基本上使用 tab 和 backtab 到元素。几乎是用于可访问性和用于导航的 UX。

什么是 HTML tabindex 属性？

于 2018-07-06T15:00:55.740 回答