Конфликты атрибутов JSF/CSS

Question

Это наше первое приложение JSF, и я в середине интеграции CSS нашего графического дизайнера в наши файлы facelets. Он говорит мне, что ему нужно имя и ID атрибутов входных тегов, чтобы они совпадали с атрибутом для атрибута метки.

Его просьба:

<label for="username">User Name:</label> 
<input id="username" type="text" name="username" /> 

Однако, когда JSF код делает HTML, я получаю дополнительные идентификаторы в этих атрибутов.

Мой facelet код:

<label for="username">User Name:</label> 
<h:inputText value="#{login.username}" id="username" name="username" /> 

Final XHTML, который направлен в браузере:

<label for="username">User Name:</label> 
<input id="j_id2:username" type="text" name="j_id2:username" /> 

Это имеет смысл для меня с JSF точки зрения, но есть способ для меня, чтобы удовлетворить наши спросить графического дизайнера и сделать всех счастливыми? Или это плохой контроль JSF?

Спасибо!

Answer 1

Вы можете использовать тег JSF outputLabel, который должен автоматически обрабатывать идентификаторы:

<h:inputText id="username"> 
    <h:outputLabel for="username" value="User Name: "/> 
</h:inputText> 

Edit: Чтобы избежать путаницы: Вы также можете поместить outputLabel вне inputText элемента. Я просто использую его в основном так.