Not able to set 'readonly' on text input box

Question

Is there any obvious reason why this input box is editable?

<input id="username" name="username" class="textfield70pc" readonly="readonly" type="text" value="My username" />

It seems kind of pointless having to use javascript / jquery to disable this text box.

Answer 1

If you're looking for it to be grayed out, add the DISABLED attribute:

<input id="username" name="username" ... disabled="disabled" />