angularjs force uppercase in textbox

Question

I\'ve tried using the uppercase filter but it does not work. I\'ve tried doing it two ways:

<         


        

Answer 1

When using bootstrap:

First approach: Using class text-uppercase

<input  type="text" class="text-uppercase" >

Second approach: Using style which can be applied with existing class

<input  type="text" class="form-control" style="text-transform: uppercase;">

Here is my stackBlitz: https://angular-nvd7v6forceuppercase.stackblitz.io

Answer 2

it is just an alternative , you can use this " text- transform : capitalize ; " in your css and the text entry will be capitalized. unless the user types it in capital letters everywhere.

it is just an alternative ^^