JSF - h:commandButton

h:commandButton 標籤渲染一個型別為“submit”的 HTML 輸入元素。

JSF 標籤

<h:commandButton value = "Click Me!" onclick = "alert('Hello World!');" />

渲染輸出

<input type = "submit" name = "j_idt10:j_idt13" value = "Click Me!" 
   onclick = "alert('Hello World!');" />

標籤屬性

序號	屬性及描述
1	id 元件識別符號
2	rendered 布林值；false 抑制渲染
3	value 元件的值，通常是值繫結
4	valueChangeListener 對值更改做出響應的方法的繫結方法
5	coords 形狀為矩形、圓形或多邊形的元素的座標
6	dir 文字方向。有效值為 ltr（從左到右）和 rtl（從右到左）
7	disabled 輸入元素或按鈕的停用狀態
8	tabindex 指定選項卡索引的數值
9	target 開啟文件的框架名稱
10	title 用於輔助功能的標題，用於描述元素。可視瀏覽器通常會為標題的值建立工具提示
11	width 元素的寬度
12	onblur 元素失去焦點
13	onchange 元素的值發生更改
14	onclick 滑鼠按鈕在元素上單擊
15	ondblclick 滑鼠按鈕在元素上雙擊
16	onfocus 元素獲得焦點
17	onkeydown 按下鍵
18	onkeypress 按下鍵並隨後釋放
19	onkeyup 釋放鍵
20	onmousedown 滑鼠按鈕在元素上按下
21	onmousemove 滑鼠在元素上移動
22	onmouseout 滑鼠離開元素區域
23	onmouseover 滑鼠移到元素上
24	onmouseup 滑鼠按鈕釋放
25	onreset 表單重置
26	onselect 在輸入欄位中選擇文字

示例應用程式

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

步驟	描述
1	根據JSF - 第一個應用程式章節的說明，建立一個名為helloworld的專案，位於com.tutorialspoint.test包下。
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:commandButton example</h2>
      <hr />
      
      <h:form>
         <h:commandButton value = "Click Me!" onclick = "alert('Hello World!');" />
      </h:form>
   </body>
</html>

完成所有更改後，讓我們像在 JSF - 第一個應用程式章節中那樣編譯並執行應用程式。如果您的應用程式一切正常，這將產生以下結果。

jsf_basic_tags.htm

列印頁面