html text capitalize code example

Example 1: css all caps

.uppercase {
  text-transform: uppercase;
}

#example {
  text-transform: none;	/* No capitalization, the text renders as it is (default) */
  text-transform: capitalize;	/* Transforms the first character of each word to uppercase */
  text-transform: uppercase;	/* Transforms all characters to uppercase */
  text-transform: lowercase;	/* Transforms all characters to lowercase */
  text-transform: initial;	/* Sets this property to its default value */
  text-transform: inherit;	/* Inherits this property from its parent element */
}

Example 2: capitalize input text html

//for angular
(input)="onInput($event)"  

onInput(event) {
    event.target.value = event.target.value.toLocaleUpperCase();
}

//for HTML
(onInput)="onInput($event)"  

onInput(event) {
    event.target.value = event.target.value.toLocaleUpperCase();
}