不需要的自动填充

Question

我的网络应用程序出现问题。我似乎一直在经历自动填写我的用户名和密码字段。当我登录时没关系，问题是即使在创建帐户页面中它仍然会自动填充，即使我命名我的 textFields(InputText) 与另一个不同。我在chrome和firefox都试过了，还是一样。

以下是应用程序和代码的一些屏幕截图。

对于创建帐户页面

     <p:outputLabel id="userLabel" value="Username*" />
     <p:inputText id="userField" 
        value="#{marketingPersonController.marketingPerson.account.username}" 
        required="true" requiredMessage="Username* value is required." 
        label="UsernameInput">

        <f:ajax 
            listener="#{marketingPersonController.checkUsernameIfAvailable()}"/>
     </p:inputText>

     <p:outputLabel id="passLabel" value="Password*"/>
     <p:password id="passField" 
        value="#{marketingPersonController.marketingPerson.account.password}"
        feedback="true" inline="true" 
        match="confirmPassField" required="true" 
        requiredMessage="Password* value is required" label="PasswordInput"  
        validatorMessage="Password must be at least 6 characters / Password does not match">
        <f:validateLength minimum="6" />
     </p:password>

为了我的登录

这是我的登录代码：

<table>
   <tr>
      <td><p:outputLabel rendered ="#{!accountController.loggedIn}" value ="Username:"/></td>
      <td><p:inputText rendered="#{!accountController.loggedIn}" id="username" value="#{accountController.account.username}"/></td>
      <td><p:message for="username" rendered ="false"/></td>
   </tr>
   <tr>
      <td><p:outputLabel rendered="#{!accountController.loggedIn}" value="Password:"/></td>
      <td><p:password rendered="#{!accountController.loggedIn}" id="password" value="#{accountController.account.password}"/></td>
      <td><p:message for="password" rendered ="false"/></td>
   </tr>

Answer 1

你需要关闭自动完成，但是jsf没有自动完成属性。所以这意味着你必须在每个输入的基础上关闭它或者为 UIForm 编写一个自定义渲染器。

目前有一个未解决的问题要求将此属性添加到：JSF 规范问题 418。目前，它计划用于 JSF 2.2。

同时，您可以使用 OmniFaces Html5RenderKit 在组件上获得对 autocomplete="off" 的支持。

Answer 2

这里 (MDN) 如果 autocomplete="off" 的解决方案不起作用，您可以找到一些推荐的解决方法。