How to add placeholder attribute to JSF input component?

Question

Shouldn\'t this line of code render a inputtext field with the placeholder text \"fill me\" when using html5?

Answer 1

<h:head>
</h:head>
<h:body>
    <h:inputText value="#{bean.value}" placeholder="fill me"/>
</h:body>

This works right for me, try it!

Answer 2

The simplest way to render an input field with a placeholder text is to use the elementary input tag

Example:

<input type="text" placeholder="Fill me" value="#{EL}"/>

Note: you dont have to include any namespaces

Answer 3

Try this

<h:inputText id="name" value="#{login.userId}" class="aux1" />
<h:inputSecret id="password" value="#{login.password}" redisplay="true" class="aux2" autocomplete="off" />

<script>
  $('.aux1').attr('placeholder', 'Introducir Usuario');
  $('.aux2').attr('placeholder', 'Introducir Contraseña');
</script>

With jQuery, this works right for me.