个性化阅读
专注于IT技术分析

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命令按钮标签1

JSF <h:commandButton>标记属性

属性 描述
id 它是此组件的标识符。此ID必须是唯一的。你可以使用它来访问CSS和JS文件中的HTML元素。
value 它保存命令按钮的当前值, 并将其显示为提交按钮的名称。
action 用于指定表单的操作。 commandButton通过指定的操作将表单提交到服务器。如果你不提供操作, 则提交后页面会重定向到同一页面。
disabled 用于禁用命令按钮。应用此属性后, 无法单击该按钮。
image 它用于在命令按钮上设置图像。在这种情况下, 你的图片将用作“提交”按钮。
label 它用于为comandButton命名。
rendered 它用于渲染组件。此属性的默认值为true。
type 用于指定按钮的类型。你可以设置“重置”, “提交”或“按钮”。如果未指定, 则默认为提交。
style 用于指定组件的CSS。
onclick 单击commandButton时, 用于执行JavaScript代码。
accesskey 它用于通过使用指定的键来访问提交按钮。

赞(0)
未经允许不得转载:srcmini » JSF h:commandButton标记

评论 抢沙发

评论前必须登录!