PrimeFaces密码password组件用法 _PrimeFaces组件

本文概述

密码属性
例子

它是一个输入字段, 从用户那里获取隐藏的值。 < p：password> 组件用于在JSF应用程序中创建密码字段。它还在输入密码时提供反馈。它具有下表列出的各种属性。
密码属性

Attribute	默认值	Type	Description
required	false	Boolean	用于根据需要标记组件。
feedback	false	Boolean	启用强度指示器。
inline	false	Boolean	它以内联方式显示反馈, 而不是使用弹出窗口。
promptLabel	请输入密码	String	它是提示的标签。
weakLabel	Weak	Boolean	用于设置弱密码标签。
goodLabel	good	String	用于设置良好密码的标签。
strongLabel	strong	String	用于设置强密码标签。
redisplay	false	Boolean	用于显示先前的值。
match	null	String	它匹配另一个密码组件的ID以匹配其值。
maxlength	null	Integer	它用于设置可以在此字段中输入的最大字符数。
placeholder	null	String	它指定一个简短提示。
readonly	false	Boolean	它用于将组件设置为只读。
size	null	Integer	用于确定输入元素宽度的字符数。
style	null	String	它用于设置输入元素的内联CSS。
tabindex	null	Integer	用于按跳位顺序设置输入元素的位置。
title	null	String	它用于设置咨询工具提示信息。

例子在下面的示例中, 我们正在实现< p：password> 组件。本示例包含以下文件。
JSF文件
// password.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://xmlns.jcp.org/jsf/html"xmlns:p="http://primefaces.org/ui"> < h:head> < title> Password< /title> < /h:head> < h:body> < h:form> < h:panelGrid columns="2" cellpadding="5"> < h:outputText value="http://www.srcmini.com/Enter Password:" /> < p:password value="http://www.srcmini.com/#{password.passwordField1}" /> < h:outputText value="http://www.srcmini.com/Enter Password:" /> < p:password value="http://www.srcmini.com/#{password.passwordField2}" feedback="true" /> < /h:panelGrid> < p:commandButtonvalue="http://www.srcmini.com/Save" /> < /h:form> < /h:body> < /html>

ManagedBean
// Password.java

package com.srcmini; import javax.faces.bean.ManagedBean; @ManagedBeanpublic class Password {private String passwordField1; private String passwordField2; public String getPasswordField1() {return passwordField1; }public void setPasswordField1(String passwordField1) {this.passwordField1 = passwordField1; }public String getPasswordField2() {return passwordField2; }public void setPasswordField2(String passwordField2) {this.passwordField2 = passwordField2; }}

【PrimeFaces密码password组件用法】输出