从小写到大写

Question

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 this.

Answer 1

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;" />

Answer 2

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

Answer 3

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 (eg, 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.

Answer 4

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()

Answer 5

Have you check this

Upper

Answer 6

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

Put this in an onload event

Answer 7

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();
}