Posted by Jeff on 01/07/07 20:44

Hey

I want to add this char "*" to the end of a input field. The reason I want
this * is to tell users that the input field is required to have a value.

I tryed using this traditional approach:
<td style="width:60%; background-color:#003399;">
<input type="text" name="username" id="username" />*
</td>
But the * get on a new line under the input field!

I very much want to avoid creating another table cell to hold the * because
the input field isn't as wide as it's table cell. It can give the impression
that the * isn't related to input field (or at least that is how I think).

I can't use the css hatch :after because from what I understand Microsoft IE
don't support it...

The only option I see I could use to solve this is by pushing this * the
backgrund of the input field
<input type="text" name="username" id="username" style="background:#FFFFFF
'*' no-repeat right;" />

But I have just tried "<input type="text" name="username" id="username"
style="background:#FFFFFF '*' no-repeat right;" />" and it doesn't work...
either I'm using the wrong syntax or the wrong approach... Please, I hope
some body here could give me some tips on how to solve this problem

Jeff

[Back to original message]