JSF - h:inputSecret

h:inputSecret標籤呈現一個型別為“password”的HTML輸入元素。

JSF標籤

<h:inputSecret value = "password" />

渲染輸出

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

標籤屬性

序號	屬性 & 描述
1	id 元件識別符號
2	binding 對可以在後臺Bean中使用的元件的引用
3	rendered 布林值；false抑制渲染
4	styleClass 層疊樣式表(CSS)類名
5	value 元件的值，通常是值繫結
6	valueChangeListener 對響應值更改的方法的繫結
7	converter 轉換器類名
8	validator 建立並附加到元件的驗證器的類名
9	required 布林值；如果為true，則需要在關聯欄位中輸入值
10	accesskey 一個鍵，通常與系統定義的元鍵組合使用，用於將焦點賦予元素
11	accept 表單的內容型別的逗號分隔列表
12	accept-charset 表單的字元編碼的逗號或空格分隔列表。accept-charset屬性使用名為acceptcharset的JSF HTML屬性指定
13	alt 非文字元素（例如影像或小程式）的替代文字
14	border 元素邊框寬度的畫素值
15	charset 連結資源的字元編碼
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	redisplay 如果為true，則在重新載入網頁時重新顯示輸入欄位的值

示例應用程式

讓我們建立一個測試JSF應用程式來測試上述標籤。

步驟	描述
1	建立一個名為helloworld的專案，放在com.tutorialspoint.test包下，如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_basic_tags.htm

列印頁面