JSF 2.0 strips out needed HTML5 attributes [duplicate]

Answer 1

JSF isn't exactly stripping them out. It's just ignoring them because they are not among the supported/known attributes of the component in question. In case of for example <h:inputText> (which renders by default a HTML <input type="text"> tag), you can find all supported attributes in the view declaration language (VDL) documentation.

To overcome this, you would need to create a custom component or, better, just a custom renderer which overrides the standard <h:inputText> renderer and takes the custom attributes into account.

Answer 2

If you are using Facelet you can simply write in the HTML5 components the EL expression.

For example video:

<video name="myVideo" poster="#{bean.poster}" > 
    <source src="#{bean.vidoeSrc}" type='video/ogg; codecs=&quot;theora, vorbis&quot;' /> 
</video>

This way you can use ANY HTML5 component - and the binding will be to JSF as other JSF components. you can also use the same idea in input element of HTML.

EDITED

For placeholder you can use PrimeFaces inplace. Check out their components for more details.