JSF form tag
This tag renders html form element which contains the data that is submitted with the form. This tag uses "POST" method. The components under the particular form i.e. children of the form only are processed. "id" attribute is used to uniquely identify the form. CSS can be used to make it more attractive.
Code Description :
| <%@ page contentType="text/html" %> <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %> <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %> <f:view> <html> <head><title>jsf h:form example</title></head> <body> <h:form> <h:outputText value="Enter your name: " /></td> <h:inputText value="#{StoreNameBean.personName}" /> <h:commandButton action="result" value="Say Hello" /> </h:form> </body> </html> </f:view> |
Rendered Output :
Html Source Code :
| <html> <head><title>jsf h:form example</title></head> <body> <form id="_id0" method="post" action="/h-tags/pages/form/form.jsf" enctype="application/x-www-form-urlencoded"> Enter your name: </td> <input type="text" name="_id0:_id2" /> <input type="submit" name="_id0:_id3" value="Say Hello" /> <input type="hidden" name="_id0" value="_id0" /></form> </body> </html> |
This tag contains some attributes that are discussed below :
- id : This attribute is used to uniquely identify the element within the closest container.
- rendered : Its a boolean attribute. Its default value is true. It determines whether this component should be rendered or not.
- binding : It takes the value binding expression that is used to link the component to the property of the backing bean.
- dir : It is used to set the direction of the text to be displayed. It can take two values LTR(left to right) and RTL (right to left).
- lang : It is used to set the base language of the component when displayed.
- style : It is used to set the CSS style definition for the component.
- title : It is the standard html attribute. It is used to set the tooltip text for this component.
- styleClass : It is used to set the CSS class for the component.
- target : This is used to identify the name of the frame where the response generated by the server is displayed when we submit the form.
- accept : Its a comma separated list of content types that is handled by the server which processes this form.
- acceptcharset : It is used to list character encoding used for the data input by the user and that will be accepted by the user.
- enctype : This is used to set the content type of the data that will be submitted to the server.
- onclick : Script to be invoked when the element is clicked.
- ondblclick : It is used for Java Script code to be invoked when the element is double-clicked.
- onmousedown : It is used for Java Script code to be invoked when the pointing device is pressed over this element.
- onmouseup : It is used for Java Script code to be invoked when the pointing device is released over this element.
- onmouseover : It is used for Java Script code to be invoked when the pointing device is moved into this element.
- onmousemove : It is used for Java Script code to be invoked when the pointing device is moved while it is in this element.
- onmouseout : It is used for Java Script code to be invoked when the pointing device is moves out of this element.
- onkeypress : It is used for Java Script code to be invoked when a key is pressed over this element.
- onkeydown : It is used for Java Script code to be invoked when a key is pressed down over this element.
- onkeyup : It is used for Java Script code to be invoked when a key is released over this element.
- onreset : It is used for Java Script code to be invoked when form is reset.
- onsubmit : It is used for Java Script code to be invoked when form is submitted.