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