JavaServer Faces提供豐富的元件庫來定義應用程式的體系結構。
它包括以下內容：
豐富的用於指定使用者介面元件的狀態和行為的類：
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表中的一列資料 | 表中的列 |