举例说明在HTML中使用tabindex =“ 0”

时间:2018-07-06 14:58:47

标签: html tabindex

假设您要制作一个自定义HTML标记,并在同一HTML页面上使用一次或多次。每个标签的tabindex应该是什么,以便制表正确工作?

2 个答案:

答案 0 :(得分:2)

我们将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>

答案 1 :(得分:0)

对于每个html标记,它都应该只是tabindex =“ 0”,如果您以前做不到的话,它将允许您从根本上将Tab和backtab到该元素。用于辅助功能和用于导航的UX差不多。

What is the HTML tabindex attribute?