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 它用於通過使用指定的鍵來存取提交按鈕。