How to add placeholder attribute to JSF input component?

by

I thought everything that was not JSF was passed to the browswer for rendering?

This assumption is thus wrong. Unspecified component attributes are ignored by the JSF renderers.

You have basically the following options to get it to work:

  1. If you’re already on JSF 2.2 or newer, set it as a passthrough attribute.

     <... xmlns:a="http://xmlns.jcp.org/jsf/passthrough">

 <h:inputText a:placeholder="fill me" />

    Note that I use a XML namespace prefix of a (“attribute”) instead of p as shown in the tutorial, as it would otherwise clash with default XML namespace prefix p of PrimeFaces.

  2. Implement a custom renderer for <h:inputText> wherein you explicitly check and write the attribute.

  3. Implement a custom component which uses the aforementioned custom renderer.

  4. Implement a JS based solution wherein you grab the element from DOM and explicitly set the attribute.

  5. Look for a component library which supports this out the box. PrimeFaces for example has a <p:watermark> for this purpose with nice JS based graceful degradation for browsers which does not support the placeholder attribute on inputs.

See also:

More Related Contents:

  1. javax.faces.application.ViewExpiredException: View could not be restored
  2. Conversion Error setting value for ‘null Converter’ – Why do I need a Converter in JSF?
  3. How and when should I load the model from database for h:dataTable
  4. Get JSF managed bean by name in any Servlet related class
  5. Conditionally displaying JSF components
  6. How to save uploaded file in JSF
  7. Invoke JSF managed bean action on page load
  8. JSF implementations and component libraries [closed]
  9. Packaging Facelets files (templates, includes, composites) in a JAR
  10. Default action to execute when pressing enter in a form
  11. What is the usefulness of statelessness in JSF?
  12. How to use with DefaultStreamedContent in an ui:repeat?
  13. How to compare a char property in EL
  14. PrimeFaces CSS skin not showing in login page, also JavaScript undefined errors
  15. How does EL empty operator work in JSF?
  16. Does view scope bean survive Navigation JSF
  17. Invoking methods with parameters by EL in JSF 1.2
  18. String concatenation in EL for dynamic ResourceBundle key
  19. Overview of all JSF-related web.xml context parameter names and values [closed]
  20. JSF 2 Global exception handling, navigation to error page not happening
  21. javax.el.PropertyNotWritableException: Illegal Syntax for Set Operation
  22. How do UISelectOne and UISelectMany components preselect defaults in f:selectItems
  23. Updating entire on complete of
  24. JSF 1.2: How to keep request scoped managed bean alive across postbacks on same view?
  25. Difference between managed bean and backing bean
  26. How detect and remove (during a session) unused @ViewScoped beans that can’t be garbage collected
  27. Passing parameters to a view scoped bean in JSF
  28. Conditionally render a component based on selectOneMenu value
  29. JSF redirect to other page
  30. Skip required validation and invoke the application

Leave a Comment