PrimeFaces 键盘

17 Mar 2025 | 阅读 2 分钟

它是一个输入文本框，显示虚拟键盘以输入数据。它用于通过使用指针设备获取用户输入。因此，用户无需键盘即可输入输入。 <p:keyboard> 组件用于创建虚拟键盘。键盘属性如下表所示。

密码属性

属性	默认值	类型	描述
password	false	Boolean	它用于使输入成为密码字段。
showMode	focus	String	它指定 showMode。
buttonImage	null	String	它用于设置按钮的图像。
ButtonImageOnly	false	Boolean	设置为 true 时，将仅显示按钮的图像。
效果	fadeIn	String	它用于设置显示动画的效果。
effectDuration	null	String	它用于设置显示动画的长度。
layout	qwerty	String	设置键盘的布局。
layoutTemplate	null	String	它用于设置自定义布局的模板。
keypadOnly	focus	Boolean	它指定显示小键盘而不是键盘。
promptLabel	null	String	它用于设置提示文本的标签。
closeLabel	null	String	它用于设置关闭键的标签。
clearLabel	null	String	它用于设置清除键的标签。
backspaceLabel	null	String	它用于设置退格键的标签。
alt	null	String	它用于设置输入字段的替代文本描述。
maxlength	null	Integer	用于设置此字段中可以输入的最大字符数。
title	null	String	它用于设置建议的工具提示信息。

示例

在这里，在以下示例中，我们正在实现 <p:keyboard> 组件。此示例包含以下文件。

JSF 文件

// keyboard.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>keyboard</title>
</h:head>
<h:body>
<h:form>
<h:panelGrid columns="2" cellpadding="5">
<h:outputText value="User Name: " />
<p:keyboard id="keyboard" value="#{keyboard.value}" />
</h:panelGrid>
<br/>
<p:commandButton value="Submit" icon="ui-icon-check" />
</h:form>
</h:body>
</html>

ManagedBean

// Keyboard.java

package com.javatpoint;
import javax.faces.bean.ManagedBean;
@ManagedBean
public class Keyboard {
private String value;
public String getValue() {
return value;
}
public void setValue(String value) {
this.value = value;
}
}

输出

下一个主题PrimeFaces 评级

← 上一个下一个 →

PrimeFaces 键盘

密码属性

示例

JSF 文件

ManagedBean

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

PrimeFaces 教程

PrimeFaces Ajax

UI 组件

面试题

PrimeFaces 键盘

密码属性

示例

JSF 文件

ManagedBean

相关帖子

PF InputText

PF FileUpload

PF ColorPicker

PF CommandLink

PF SelectOneButton

PF ConfirmDialog

PF Toolbar

PF Chips

PF CommandButton

PF Dialog

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器