In JSF, you can use the <h:inputSecret /> tag to render a HTML input of type=”password”, password field. For example,
JSF tag…
<h:inputSecret />
Render this HTML code…
<input type="password" name="j_idt6:j_idt7" />
P.S The
nameattribute value is randomly generated by JSF.
JSF password example
A full JSF 2 example to render a password input field via <h:inputSecret /> tag.
1. Managed Bean
A simple managed bean, with a “password” property.
package com.mkyong.form;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
import java.io.Serializable;
@ManagedBean
@SessionScoped
public class UserBean implements Serializable {
private String password;
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
}
}
2. View Page
Two pages for the demonstration.
demo.xhtml – render a password field via “h:inputSecret”, button via “h:commandButton”, if the button is clicked, password value will be submitted to the “userBean.password’ property via setPassword() method, and forward to “user.xhtml”.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html">
<h:body>
<h1>JSF 2 password example</h1>
<h:form>
Password : <h:inputSecret value="#{userBean.password}" />
<h:commandButton value="Submit" action="user" />
</h:form>
</h:body>
</html>
user.xhtml – display the submitted password value via “h:outputText”
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html">
<h:body>
<h1>JSF 2 password example</h1>
Password : <h:outputText value="#{userBean.password}" />
</h:body>
</html>
3. Demo
URL : http://localhost:8080/JavaServerFaces/
Display “demo.xhtml” page
If the button is clicked, display “user.xhtml” page, and also the submitted password value.
