Latest Tutorials| Questions and Answers|Ask Questions?|Site Map



Home Jsf JSF form tag

Related Tutorials


 
 

Share on Google+Share on Google+

JSF form tag

Advertisement
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

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.
Advertisement

If you enjoyed this post then why not add us on Google+? Add us to your Circles



Liked it!  Share this Tutorial


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: February 22, 2008

Related Tutorials

Discuss: JSF form tag  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments:1
rahul sharma
August 19, 2011
change button's color

sir, i would like to know how to change the color of submit button of primefaces. I did apply the css on submit button but this css not work on this component, because this css get overwrite by the prime faces inbuilt css.
DMCA.com