Input's "for" attribute not redirecting to input box

Question

I have a weird html problem.

I have a code like:

<label for="username">Username</label>
<input name="username" type="text"/>

But when I click on the label text Username I am not "redirected" into the input text field. By redirection I mean that the blinking cursor appears inside the input field and I can start writing.

What am I doing wrong?

Answer 1

For in label refers to an id:

<label for="username">Username</label>
<input name="username" id="username" type="text"/>

More: http://www.w3.org/TR/html401/interact/forms.html#h-17.9.1

Answer 2

The text box also needs a value for id, so use one in the text box like this:

<input name="username" id="username" type="text"/>