Question

I use following style attribute so when i will start typing in text box suppose ‘railway’then it should get enter in text box like ‘RAILWAY’ without pressing CapsLock

<input type = "text" class = "normal" name = "Name" size = "20" maxlength = "20"> <img src="../images/tickmark.gif" border="0" style='text-transform:uppercase'/>

but I am not getting desired output by using this attribute

Answer 1

The best method would be to change the styling on your form to display uppercase:

input.normal
{
   text-transform:uppercase;
}

SEE EXAMPLE

---

However this will not actually convert the string to uppercase, just style it to appear this way.

Therefore then when the data is submitted, use whatever server side language to convert the string to uppercase for purposes of storing in the database etc. For example with .NET you would do:

str.ToUpper();