From lowercase to upper case

hey, I trying to enter the text in lowercase letter but when it comes to textbox it must be in uppercase if anyone can do th开发者_StackOverflow社区is.

You can do this with CSS, no need for JavaScript or PHP

text-transform:uppercase
text-transform:lowercase

Add these to the style of each element class.

Or if you are resorting to inline styling, do this.

<input type="text" style="text-transform:uppercase;" />

String to uppercase with PHP (php.net doc):

strtoupper("Hello")

Output: HELLO

String to uppercase with JavaScript (java2s.com):

var s = new String("Hello")
s.toUpperCase()

Output: HELLO

Your options are:

1. As Raoul said, use CSS. If you possibly can, this is your best bet.

2. Let the user type in lower case, then transform it when they leave the field (blur, etc.) or when you save/process the text (e.g., on the server, whatever). Here's a blur example:

   document.getElementById('theIDOfTheTextArea').onblur = function() {
       this.value = this.value.toUpperCase();
   };
   

   Live example

3. Do it with JavaScript in the keydown or keypress event. Despite the various attempts intermittently posted here, doing this with JavaScript not trivial. It's trivial to identify the keypresses you want to handle and to cancel the event to prevent that keypress being added; but then inserting the character you do want is non-trivial. (Sadly, the keyboard events don't just let you substitute a different character; that would be nice, but they don't.) It unfortunately requires that you use text ranges / selections and gets you into areas that vary cross-browser. You'd probably need to leverage a library like Rangy to do it. I'd Just Say No and go the CSS / post-processing route.

The answer to this post will solve your problem.

• Get the textbox element by id
• Set an onBlur listener and convert its value using string.toUpperCase()

Have you check this

Upper

$("#idoftextbox").blur(function(){$(this).val($(this).val().toUpperCase())});

Put this in an onload event

Easy:

textareaElement.onkeydown = function(e) {
    //make sure IE gets it
    e = e || event;
    //don't insert
    e.preventDefault();
    //catch the ASCII key code, and convert it to uppercase letter
    this.value += String.fromCharCode(e.keyCode).toUpperCase();
}