它创建一个提交按钮,用于提交申请表。 您可以使用以下语法创建它。
<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 | 它用于通过使用指定的键来访问提交按钮。 |