JSF : How put onfocus, onblur effect in input field?

Question

I'm thinking about how can I implement onfocus and onblur effects in my input field in JSF 2.0.

I do the following in HTML:

<input type="text" name="name" id="name" size="30" value="Name (required)"
   onblur="if (this.value == ''){this.value = 'Name (required)'; }"
   onfocus="if (this.value == 'Name (required)') {this.value = ''; }"
   class="text-input" />

Now I'm wondering how I could do this in JSF 2.0. Does anyone have an idea?

EDIT

I'm trying the attribute 'onblur' and 'onfocus' but still nothing appearing in my input field.

<h:inputText onblur="Nome" onfocus="" ></h:inputText>

Answer 1

You can just use the same attributes as your HTML sample. The following piece of code works just fine:

<h:inputText id="name" value="Name (required)"
   onblur="if (this.value == ''){this.value = 'Name (required)'; }"
   onfocus="if (this.value == 'Name (required)') {this.value = ''; }" />

Answer 2

Simply use onblur attribute of <h:inputtext>

Answer 3

If you do a view source on the rendered html page, does it show the html that you are looking for? - If so you are good to go or atleast it is working as designed:-). Basically whatever jsf h: type tags that you have should be rendered as equivalent html.