JSFJSF用戶界面組件模型
JSF UI組件示例
JSF <h:inputText>標籤
JSF <h:outputText>標籤
JSF <h:form>標籤
JSF <h:commandButton>標籤
JSF <h:inputtextarea>標籤
JSF <h:commandLink>標籤
JSF <h:inputSecret>標籤
JSF <h:inputHidden>標籤
JSF <h:inputFile>標籤
JSF <h:graphicImage>標籤
JSF <h:message>標籤
JSF <f:ajax>標籤
JSF單選按鈕
JSF表單組合框
JSF列表框
JSF多選列表框
JSF輸出格式化
JSF輸出樣式
JSF <h:attribute>標籤
JSF <h:setPropertyActionListener>標籤
JSF <h:form>標籤
<h:form>
標籤表示輸入表單。 它包括可以包含向用戶呈現或以表單提交的數據的子組件。 它還可以包括HTML標記來佈局頁面上的組件。
注意:
<h:form>
標籤本身不執行任何佈局,其目的是收集數據並聲明可以由表單中其他組件使用的屬性。
JSF <h:form>
標籤聲明
<h:form>
<!-- form elements -->
</h:form>
JSF <h:form>
標籤實例
<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:form>
標籤屬性
屬性
描述
accept
服務器處理此表單的內容類型列表將正確處理
class
組件的CSS類名稱。
enctype
它用於向服務器提交內容。 如果未指定,則默認值爲:」application/x-www-form-urlencoded
「。
id
它是此組件的標識符,此ID值必須是唯一的。 您可以使用它來訪問CSS和JS文件中的HTML元素。
lang
它描述了該組件生成的標記中使用的語言。
rendered
它用於渲染組件。 該屬性的默認值爲true
。
onclick
當單擊指針按鈕時,它將執行Javascript代碼。
onsubmit
當表單提交時,它會執行Javascript代碼。