JSF <h:commandButton>標籤

它創建一個提交按鈕，用於提交申請表。 您可以使用以下語法創建它。

<h:commandButton></h:commandButton>

JSF <h:commandButton>標籤示例

在下面的例子中，我們創建了一個使用<h:commandButton>提交的表單。

<h:form id="user-form">  
<h:outputLabel for="username">User Name</h:outputLabel>  
<h:inputText id="username" value="#{user.name}" required="true" requiredMessage="Username is required"/><br/>  
<h:commandButton id="submit-button" value="Submit" action="response.xhtml"/>  
</h:form>

JSF渲染後的<h:commandButton>標籤，如下所示：

<input id="user-form:submit-button"  
name="user-form:submit-button" value="Submit" type="submit">

在瀏覽器中輸出結果如下所示 -

JSF <h:commandButton>標籤的屬性

標籤

描述

id

它是此組件的標識符，此ID必須是唯一的。您可以使用它來訪問CSS和JS文件中的HTML元素。

value

它保存命令按鈕的當前值，並將其顯示爲提交按鈕的名稱。

action

它用於指定表單的操作。 commandButton在指定的操作中將表單提交到服務器。 如果您不提供操作的值，在提交後將頁面重定向到同一頁面。

disabled

它用於禁用命令按鈕，應用此屬性後，您不能單擊按鈕。

image

它用於在commandButton上設置圖像。 在本示例中，您的圖像將作爲提交按鈕。

label

它用於爲commandButton創建本地化的名稱。

rendered

它用於渲染組件，該屬性的默認值爲true。

type

它用於指定按鈕的類型，可以設置「reset」，「submit」或「button」。 如果不指定，則默認爲「submit」。

style

它用於爲組件指定CSS。

onclick

當單擊commandButton時，它用於執行JavaScript代碼。

accesskey

它用於通過使用指定的鍵來訪問提交按鈕。