输出类
①outputLink
超链接
<!-- 超链接,#中填写目标视图 -->
<h:outputLink value="#">
<h:outputText value="Link To Welcome" />
<f:param name="name" value="MyName"></f:param>
</h:outputLink>
②outputLabel
生成文字标签,用处不大
<h:outputLabel for="name" value="姓名:" />
③outputText
输出文字
<!-- 输出# -->
<h:outputText value="#"></h:outputText>
④outputFormat
文字格式化
<!-- 输出格式化 -->
<h:outputFormat value="{0},My name is {1}">
<f:param value="Hello" />
<f:param value="Zwq" />
</h:outputFormat>
<!-- 显示结果为“Hello,My name is Zwq” -->
输入类
inputText、inputTextarea、inputSecret、inputHidden使用方法都是一样的,拿一个举例
<h:inputText id="name" value="#{user.name }" />
<!-- 把输入的信息放入user对象的name变量中,user已经在faces-config配置文件中配置好了 -->
命令类
①commandButton
实际上就是按钮,和html中的submit很像
<h:commandButton value="送出" action="#{user.verify }">
<f:param name="name" value="1"></f:param>
</h:commandButton>
<!-- action表示表单提交后执行的user对象的verify方法,并可以传递参数,参数的形式为...?name=1 -->
②commandLink
和commandButton相同,只是显示的形式不一样。
选择类
①selectBooleanCheckbox
是否选择
我同意<h:selectBooleanCheckbox value="#{user.agree}"/>
<!-- 如果已选择则返回true,未选择返回false。agree必须为boolean -->
②selectOneRadio
单选
<h:selectOneRadio value="#{user.education}" layout="pageDirection">
<!-- layout设置单选框的布局,默认是水平,pageDirection是垂直 -->
<f:selectItem itemLabel="小学" itemValue="小学" />
<f:selectItem itemLabel="初中" itemValue="初中" />
<f:selectItem itemLabel="高中" itemValue="高中" />
</h:selectOneRadio>
③selectManyCheckbox
多选,与selectManyListbox、selectManyMenu用法相同
<h:selectManyCheckbox value="#{user.preferColors }"
layout="pageDirection">
<!-- preferColors必须为集合或数组 -->
<f:selectItem itemLabel="红色" itemValue="红色" itemDescription="red" />
<f:selectItem itemLabel="黄色" itemValue="黄色" />
<f:selectItem itemLabel="绿色" itemValue="绿色" />
</h:selectManyCheckbox>