它創建一個提交按鈕，用於提交申請表。 您可以使用以下語法創建它。
<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 | 它用於通過使用指定的鍵來訪問提交按鈕。 |
上一篇：
JSF <h:form>標籤
下一篇：
JSF <h:inputtextarea>標籤