本文概述
它创建一个提交按钮, 并用于提交申请表。你可以使用以下语法创建它。
<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 | 它用于在命令按钮上设置图像。在这种情况下, 你的图片将用作“提交”按钮。 |
label | 它用于为comandButton命名。 |
rendered | 它用于渲染组件。此属性的默认值为true。 |
type | 用于指定按钮的类型。你可以设置“重置”, “提交”或“按钮”。如果未指定, 则默认为提交。 |
style | 用于指定组件的CSS。 |
onclick | 单击commandButton时, 用于执行JavaScript代码。 |
accesskey | 它用于通过使用指定的键来访问提交按钮。 |
评论前必须登录!
注册