JSF-generated HTML element ID is changing, how to set it to a fixed element ID?

Question

I have a JSF input text component which has an id of search. In the generated HTML output it looks like this j_idt17:search, but the number 1

Answer 1

Give the JSF component which generated the HTML element with id="j_idt17" a fixed ID. In this particular case, it's likely the HTML input element's parent

element which is generated by the JSF component.

So, this should do:

This way the ID of the generated HTML element will become form:search.