JSF h:commandButton标签

它创建一个提交按钮,用于提交申请表。 您可以使用以下语法创建它。

<h:commandButton></h:commandButton>

<h:commandButton>标签示例" class="reference-link">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">

在浏览器中输出结果如下所示 -

<h:commandButton>标签的属性" class="reference-link">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标签

关注微信小程序
程序员编程王-随时随地学编程

扫描二维码
程序员编程王

扫一扫关注最新编程教程