How to make everything in a textfield be capital letters / uppercase?

Question

I want to make everything I write in a textfield to be capital letters. As I write, not after losing focus.

How do I do this using jQuery?

Answer 1

I would use CSS for this.

Just add text-transform: uppercase to your styling, and then on the server side you can convert it to uppercase.

input {   text-transform: uppercase; } 

Answer 2

$('input[type=text]').keyup(function() {     $(this).val($(this).val().toUpperCase()); });