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 | 它用于通过使用指定的键来访问提交按钮。 |