| タグ名 | 説明 | 記述例 | 表示 |
|---|
h:column | h:dataTableと連携して表の1列分のデータを表示 |
h:dataTableと組み合わせて使用 (組合せ使用例を参照)
| 組合せ使用例を参照 |
h:commandButton | サーバにフォームのデータを送信するボタン |
<h:commandButton value="送信" action="send"/>
| ボタン (HTMLの<input>タグで、typeはsubmit, reset, imageのいずれか): |
h:commandLink | サーバにフォームのデータを送信するハイパーリンク |
<h:commandLink action="send">
<h:outputText value="送信"/>
</h:commandLink>
| ハイパーリンク (HTMLの<a href>タグ): 送信 |
h:dataTable | データの集合(配列など)に基づいて表を表示 |
h:columnと組み合わせて使用 (組合せ使用例を参照)
| 組合せ使用例を参照 |
h:form | フォームを作成 |
<h:form>
...
</h:form>
| フォーム (HTMLの<form>タグ) |
h:graphicImage | イメージを表示 |
<h:graphicImage
id="picture" url="/images/my_picture.gif"/>
| イメージ (HTMLの<img>タグ) |
h:inputHidden | 非表示の送信データをフォームに作成 |
<h:inputHidden
id="hidden" value="#{myBean.hiddenPassword}"/>
| 表示されない (HTMLの<input type=hidden>タグ) |
h:inputSecret | パスワード用のテキストフィールド |
<h:inputSecret value="#{myBean.secretPassword}"/>
| パスワード用のテキストフィールド (HTMLの<input type=password>タグ): |
h:inputText | テキストフィールド |
<h:inputText value="#{myBean.inputText}"/>
| テキストフィールド (HTMLの<input type=text>タグ): |
h:inputTextarea | 複数行テキストフィールド |
<h:inputTextarea value="#{myBean.inputTextarea}"/>
| 複数行テキストフィールド (HTMLの<textarea>タグ): |
h:message | 特定のUIコンポーネントのメッセージを表示 |
<h:message for="someComponentId"/>
| メッセージ |
h:messages | すべてのUIコンポーネントのメッセージを表示 |
<h:messages/>
| メッセージ |
h:outputLabel | 入力フィールドを特定するためのラベルを表示 |
<h:outputLabel for="userId">
<h:outputText id="userId" value="#{myBean.userid}"/>
</h:outputLabel>
| ラベル (HTMLの<label>タグ) |
h:outputLink | アクションイベントを生成しない他のページなどへのハイパーリンク |
<h:outputLink value="http://someHost/">
<h:outputText value="someHost"/>
</h:outputLink>
| ハイパーリンク (HTMLの<a href>タグ): someHost |
h:outputFormat | フォーマットにしたがってパラメタを挿入したテキストを作成して表示 |
<h:outputFormat value="Total is {0}">
<f:param value="#{mybean.total}"/>
</h:outputFormat>
| テキスト: Total is 123 |
h:outputText | テキストを表示 |
<h:outputText value="Hello world!"/>
| テキスト: Hello world! |
h:panelGrid | テーブルを表示 |
<h:panelGrid columns="2" border="1">
<f:facet name="header">
<h:outputText value="table title"/>
</f:facet>
<h:outputText value="value1" />
<h:outputText value="value2" />
</h:panelGrid>
|
| table title |
|---|
| value1 |
value2 |
|
h:panelGroup | UIコンポーネントをグループ化 |
h:panelGridと組み合わせて使用(組合せ使用例を参照)
| 組合せ使用例を参照 |
h:selectBooleanCheckbox | 単一のチェックボックス |
<h:selectBooleanCheckbox
value="#{myBean.selectBooleanCheckbox}" />
| チェックボックス (HTMLの<input type=checkbox>タグ): |
h:selectManyCheckbox | 複数のチェックボックス |
<h:selectManyCheckbox
value="#{myBean.selectManyCheckbox1}">
<f:selectItem itemLabel="選択1" itemValue="check1"/>
<f:selectItem itemLabel="選択2" itemValue="check2"/>
</h:selectManyCheckbox>
| 複数のチェックボックス (HTMLの<input type=checkbox>タグ): |
h:selectManyListbox | 選択肢を複数選択可能なリストボックス |
<h:selectManyListbox value="#{myBean.selectManyListbox}">
<f:selectItem itemLabel="List1" itemValue="List1"/>
<f:selectItem itemLabel="List2" itemValue="List2"/>
</h:selectManyListbox>
| リストボックス (HTMLの<select>タグ): |
h:selectManyMenu | 選択肢を複数選択可能な高さ1のリストボックス |
<h:selectManyMenu value="#{myBean.selectManyMenu}">
<f:selectItems value="#{selectManyList}"/>
</h:selectManyMenu>
| リストボックス (HTMLの<select>タグ): |
h:selectOneListbox | 選択肢を1個選択するリストボックス |
<h:selectOneListbox value="#{myBean.selectOneListbox}">
<f:selectItems value="#{selectManyList}"/>
</h:selectOneListbox>
| リストボックス (HTMLの<select>タグ): |
h:selectOneMenu | 選択肢を1個選択するコンボボックス |
<h:selectOneMenu value="#{myBean.selectOneMenu}">
<f:selectItems value="#{selectManyList}"/>
</h:selectOneMenu>
| コンボボックス (HTMLの<select>タグ): |
h:selectOneRadio | 複数のラジオボタン |
<h:selectOneRadio value="#{myBean.selectOneRadio}">
<f:selectItems value="#{selectManyList}"/>
</h:selectOneRadio>
|
複数のラジオボタン (HTMLの<input type=radio>タグ):
|
基本タグ