JSF - h:inputSecret
h:inputSecret 标签呈现"密码"类型的 HTML 输入元素。
JSF 标签
<h:inputSecret value = "password" />
渲染输出
<input type = "password" name = "j_idt12:j_idt16" value = "password" />
标签属性
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 | 的 JSF HTML 属性指定
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 - 第一个应用程序章节中一样编译并运行应用程序。如果您的应用程序一切正常,这将产生以下结果。