JSF - h:inputSecret

h:inputSecret 标签呈现"密码"类型的 HTML 输入元素。

JSF 标签

<h:inputSecret value = "password" />

渲染输出

<input type = "password" name = "j_idt12:j_idt16" value = "password" />

标签属性

的 JSF HTML 属性指定 一起使用
S.No 属性与描述
1

id

组件标识符

2

binding

对可在辅助 bean 中使用的组件的引用

3

rendered

布尔值;false 表示禁止渲染

4

styleClass

层叠样式表 (CSS) 类名

5

value

组件的值,通常是值绑定

6

valueChangeListener

绑定到响应值更改的方法的方法

7

converter

Converter 类名

8

validator

创建并附加到组件的验证器的类名

9

required

布尔值;如果为 true,则要求在相关字段中输入一个值

10

accesskey

通常与系统定义的元键结合使用的键,用于将焦点放在元素上

11

accept

表单内容类型的逗号分隔列表

12

accept-charset

表单字符编码的逗号或空格分隔列表。 accept-charset 属性由名为 acceptcharset

13

alt

非文本元素(如图像或小程序)的替代文本

14

border

元素边框宽度的像素值

15

charset

链接的字符编码resource

16

coords

形状为矩形、圆形或多边形的元素的坐标

17

dir

文本的方向。有效值为 ltr(从左到右)和 rtl(从右到左)。

18

disabled

输入元素或按钮的禁用状态

19

hreflang

使用 href 属性指定的资源的基本语言; hreflang 只能与 href

20

lang

元素属性和文本的基本语言

21

maxlength

文本字段的最大字符数

22

readonly

输入字段的只读状态;可以在只读字段中选择文本,但不能编辑

23

style

内联样式信息

24

tabindex

指定选项卡索引的数值

25

target

打开文档的框架的名称

26

title

用于可访问性的标题,用于描述元素。可视化浏览器通常会为标题的值创建工具提示

27

type

链接的类型;例如,stylesheet

28

width

元素的宽度

29

onblur

元素失去焦点

30

onchange

元素的值发生变化

31

onclick

鼠标按钮在元素上单击

32

ondblclick

鼠标按钮在元素上双击

33

onfocus

元素获得焦点

34

onkeydown

按下按键

35

onkeypress

按下按键后释放

36

onkeyup

释放按键

37

onmousedown

按下鼠标按钮元素上

38

onmousemove

鼠标移到元素上

39

onmouseout

鼠标离开元素区域

40

onmouseover

鼠标移到元素上

41

onmouseup

鼠标按钮被释放

42

onreset

表单被重置

43

onselect

在输入字段中选择文本

44

immediate

在生命周期早期进行流程验证循环

45

重新显示

当为 true 时,网页重新加载时会重新显示输入字段的值

示例应用程序

让我们创建一个测试 JSF 应用程序来测试上述标记。

步骤 描述
1 com.tutorialspoint.test 包下创建一个名为 helloworld 的项目,如 JSF - 第一个应用程序 一章中所述。
2 按照以下说明修改 home.xhtml。保持其余文件不变。
3 编译并运行应用程序以确保业务逻辑按要求运行。
4 最后,以 war 文件的形式构建应用程序并将其部署在 Apache Tomcat Web 服务器中。
5 按照最后一步中的说明,使用适当的 URL 启动您的 Web 应用程序。

home.xhtml

<!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">
   <head>
      <title>JSF Tutorial!</title>
   </head>
   
   <body>
      <h2>h:inputSecret example</h2>
      <hr />
      
      <h:form>
         <h3>Read-Only input password box</h3>
         <h:inputSecret value = "password" readonly = "true"/>
         <h3>Read-Only input text box</h3>
         <h:inputText value = "password"/>
      </h:form>
   
   </body>
</html>

完成所有更改后,让我们像在 JSF - 第一个应用程序章节中一样编译并运行应用程序。如果您的应用程序一切正常,这将产生以下结果。

JSF h:inputSecret

jsf_basic_tags.html