My app has a log in screen which looks as follows:
When I run my app in field password there is one value as you can see on attached image. I am guessing this is coming form userController.password.
My question is what I have to do to get rid of this value so when I run my application I will see following outcome.
I am using bootsfaces and the code this login form is as follows:
<b:container>
<h:form id="loginForm" class="form login-form">
<b:container fluid="false">
<b:panel title="login screen" look="primary">
<b:row>
<b:column medium-screen="2">
<h:outputText value="Username:"/>
</b:column>
<b:column medium-screen="4">
<b:inputText placeholder="Username" required="true" id="firstName" value="#{userController.firstName}">
<f:facet name="prepend">
<b:icon name="user" />
</f:facet>
</b:inputText>
</b:column>
<b:column medium-screen="6">
<b:message for="firstName" />
</b:column>
</b:row>
<b:row>
<b:column medium-screen="2">
<h:outputText value="Password:" />
</b:column>
<b:column medium-screen="4">
<b:inputSecret placeholder="Password" type="password" id="password" value="#{userController.password}">
<f:facet name="prepend">
<b:iconAwesome name="key" />
</f:facet>
</b:inputSecret>
</b:column>
<b:column medium-screen="6">
<b:message for="password" />
</b:column>
</b:row>
<b:row>
<b:column span="2" offset="2">
<b:commandButton value="login" action="#{userController.loginUser()}" update="@form" look="primary"
style="width:100%" />
</b:column>
</b:row>
</b:panel>
</b:container>
</h:form>
</b:container>