Text Transform for Form Input, I want to force UPPERCASE when form data is sent Options

[Liz]

I have had a good look for the answer to this question and can't find it.

Is it possible to to force text to be uppercase when data is sent from a form?

If it is possible, is this achieved by using { text-transform: uppercase }?

Best wishes,

Liz

[JamieHarrop]

Liz, would you like the text to appear as uppercase when a user is typing in a form, or would you like the text to appear as uppercase when you read the submitted results of a form?

If the former, then yes, text-transform will work.

If you would like text to appear in uppercase in input elements, use:

CODE

input {
text-transform: uppercase;
}

You may want to read this tutorial: http://www.sitepoint.com/article/style-web-forms-css

[Christian J]

If you want to make sure the user's form data is sent to the server in uppercase you need to use form validation: http://htmlhelp.com/faq/html/forms.html#required-fields

[adoptmuttsmeows]

Found a perfect answer thanks to this post http://www.dreamincode.net/forums/showtopic11411.htm

<input type="text" onBlur="this.value=this.value.toUpperCase()"/>

I'm posting it here as this was where google search first brought me when I was trying to find out how to turn my form text input into ALL caps both as people typed it and as it was submitted. I ended up using this in combination with

style='text-transform: uppercase;'

So the resulting code I'm using is:
<INPUT type="text" style='text-transform: uppercase;' onBlur="this.value=this.value.toUpperCase()">