按下 Tab 键时将光标移动到下一个 inputText JSF答案

【问题标题】：Move cursor to the next inputText when Tab key is pressed JSF按下 Tab 键时将光标移动到下一个 inputText JSF
【发布时间】：2015-03-04 13:42:37
【问题描述】：

我有多个 inputText，用户必须在其中输入他的姓名、年龄、体重、身高。问题是当我按下 Tab 键时，它应该将光标从姓名移动到年龄，但它直接转到重量。任何想法可能是什么问题。

【问题讨论】：

这不是默认行为。显示stackoverflow.com/help/mcve

标签： jsf

【解决方案1】：

在每个 UI 组件（文本字段、链接、按钮）中添加 tabindex 属性，其编号表示序列中的步骤。见doc：

tabindex - javax.el.ValueExpression（必须计算为 java.lang.String） - 此元素在当前文档的跳位顺序中的位置。该值必须是 0 到 32767 之间的整数。

例子：

  <h:outputLabel for="user" value="#{msg.userId}"/>
  <h:inputText id="user" value="#{login.userName}" tabindex="1" />
  <h:commandLink value="#{msg.forgotUser}?" action="forgotUser" tabindex="4" />

  <h:outputLabel for="password" value="#{msg.password}" />
  <h:inputSecret id="password" value="#{login.password}" tabindex="2" />
  <h:commandLink value="#{msg.forgotPassword}?" action="#{forgotPassword}" tabindex="5" />

  <h:commandButton value="#{msg.login}" type="submit"
      action="#{login.login}" tabindex="3" />

【讨论】：