本文概述
- JSF < h：commandButton> 标记示例
- JSF呈现< h：commandButton> 标记, 如下所示
- 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="http://www.srcmini.com/#{user.name}" required="true" requiredMessage="Username is required"/>
<
br/>
<
h:commandButton id="submit-button" value="http://www.srcmini.com/Submit" action="response.xhtml"/>
<
/h:form>
JSF呈现< h：commandButton> 标记, 如下所示
<
input id="user-form:submit-button"
name="user-form:submit-button" value="http://www.srcmini.com/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 | 它用于通过使用指定的键来访问提交按钮。 |
