给定一个输入文本区域,任务是在接受用户输入的同时将小写字符转换为大写字符。它可以使用 CSS 或 JavaScript 来完成。第一种方法使用 CSS 转换属性,第二种方法使用 JavaScript 将小写字符转换为大写字符。
方法 1:此方法使用 CSS text-transform 属性将小写字符转换为大写字符,同时接受用户的输入。
示例:此示例实现了上述方法。
How to change Input character
to Upper Case while typing
using CSS/JavaScript ?
GeeksForGeeks
Type in the input box in lower
case to see the effect.
Type Here:
输出:
- 在输入框中输入之前:
- 在输入框中输入小写字母后:
方法二:
- 当用户从键盘上松开按键时,使用 keyup() 方法触发 keyup 事件。
- 使用 toLocaleUpperCase() 方法将输入转换为大写并再次将其设置为输入元素。
示例:此示例实现了上述方法。
How to change Input character
to Upper Case while typing
using CSS/JavaScript ?
GeeksForGeeks
Type in the input box in lower
case to see the effect.
Type Here:
输出:
- 在输入框中输入之前:
- 在输入框中输入小写字母后: