JSF HTML页面没有显示正确的标记值

Question

因此，我使用JSF开发了一个web应用程序，并为我的按钮/文本输入字段提供了名称和ID。但是，当我打开网页并检查元素时，我看不到每个字段对应的名称/id。相反，我看到的是：j_idtx:j_idty，其中x和y是一些数字，例如：j_idt2:j_idt5。

当使用JSP而不是JSF进行开发时，我看不到这个问题。

下面是一个将按钮设置为特定名称的示例代码：

<ui:composition template="WEB-INF/templates/BasicTemplate.xhtml">
    <ui:define name="content">
        <h:form>
            <h:commandButton action="login_page" value="Login" name="loginButton"></h:commandButton>
            <br></br>
            <br></br>
            <h:commandButton action="registration_page" value="Register" name="registrationButton"></h:commandButton>
        </h:form>
    </ui:define>
</ui:composition>

那么，如何确保我的姓名和ID正确显示呢？

感谢

Answer 1

如果您没有指定id，它将自动生成。您确实指定了一个id，但您没有为表单指定id，因为这些元素都是子元素。因此，jsf自动生成的表单id将在最终版本中添加到您的id中，例如j_idt2:myid。

在表单中添加一个id，如果你想找到带有id的元素，你必须执行："form:myid"

像这样：

<h:form id="myform">
    <h:inputText id="input"/>
</h:form>

输入的id将是：myform:input