JavaServer Faces提供豐富的組件庫來定義應用程式的體系結構。
它包括以下內容：
豐富的用於指定用戶介面組件的狀態和行為的類：
- 一種渲染模型，定義如何以各種方式呈現組件。
- 一種定義如何將數據轉換器註冊到組件上的轉換模型。
- 一個定義如何處理組件事件的事件和監聽器模型。
- 一種驗證模型，用於定義如何將驗證器註冊到組件上。
JSF用戶介面組件
JSF HTML標籤庫表示HTML表單組件和其他基本HTML元素，用於顯示或接受來自用戶的數據。 JSF表單在提交表單後將此數據發送到伺服器。
下表中列出了包含用戶介面組件。
| 標籤 | 功能 | 呈現為 | 外觀 |
|---|---|---|---|
h:inputText |
顯示用戶輸入字串的輸入框 | HTML的<input type="text">元素 |
一個輸入字段域 |
h:outputText |
顯示一行文本 | 純文本 | 純文本 |
h:form |
代表一個輸入表單 | HTML <form>元素標籤 |
無外觀 |
h:commandButton |
它向應用程式提交表單 | HTML <input type = "value">元素，類型值可以為“submit”，“reset”或“image” |
|
h:inputSecret |
它允許用戶輸入字串，但不會在字段中顯示實際的字串 | HTML <input type="password">元素 |
顯示一行字元而不是輸入的實際字串的字段 |
h:inputTextarea |
它允許用戶輸入多行字串 | HTML <textarea>元素標籤 |
多行字段 |
h:commandLink |
它鏈接到頁面上的另一頁或位置 | HTML <a href="">元素標籤 |
一個鏈接 |
h:inputHidden |
它允許頁面寫入包含一個隱藏的變數和值 | HTML <input type="hidden">元素 |
無外觀 |
h:inputFile |
它允許用戶上傳檔 | HTML <input type="file">元素標籤 |
具有流覽按鈕的字段 |
h:graphicImage |
它顯示一個圖像 | HTML <img>元素標籤 |
一個圖像 |
h:dataTable |
它代示數據包裝器 | HTML <table>元素標籤 |
可以動態更新的表 |
h:message |
它顯示本地化的消息 | HTML <span>標籤，如果使用樣式 |
一個文本字串 |
h:messages |
它顯示本地化的消息 | 一組HTML <span>標籤，如果使用樣式 |
一個文本字串 |
h:outputFormat |
它顯示格式化的消息 | 純文本 | 純文本 |
h:outputLabel |
它將嵌套組件顯示為指定輸入字段的標籤 | HTML <label>元素 |
純文本 |
h:outputLink |
它鏈接到頁面上的另一個頁面或位置，但不生成操作事件。 | HTML <a>元素 |
一個鏈接 |
h:panelGrid |
它在一個父項下分組一組組件 | HTML <div> 或 <span> 元素 |
在一個表中的一行 |
h:selectBooleanCheckbox |
它允許用戶更改布爾值的值 | HTML <input type="checkbox"> 元素 |
一個複選框 |
h:selectManyCheckbox |
它顯示一組複選框，用戶可以從中選擇多個值。 | 一組HTML <input>類型複選框的元素 |
一組複選框 |
h:selectManyListbox |
它允許用戶從一組全部顯示的專案中選擇多個專案。 | HTML <select>元素 |
選擇框 |
h:selectManyMenu |
它允許用戶從一組專案中選擇多個專案 | HTML <select>元素 |
菜單 |
h:selectOneListbox |
它允許用戶從一組全部顯示的專案中選擇一個專案 | HTML <select>元素 |
選擇框 |
h:selectOneMenu |
它允許用戶從一組專案中選擇一個專案 | HTML <select>元素 |
菜單 |
h:selectOneRadio |
它允許用戶從一組專案中選擇一個專案 | HTML <input type="radio">元素 |
一組選項 |
h:column |
它表示數據組件中的一列數據 | HTML表中的一列數據 | 表中的列 |
上一篇：
JSF應用程式入門示例
下一篇：
JSF UI組件示例