Shulou(Shulou.com)06/03 Report--

This article mainly introduces how to realize the instant conversion of lowercase letters into uppercase in the text box of web development. It has certain reference value. Interested friends can refer to it. I hope you will gain a lot after reading this article. Let Xiaobian take you to understand it together.

In the system, there is a text box that asks for capital letters. However, users do not consciously have to control it in the program.

In the web page, pull a TextBox control:

The code is as follows:

Write Javascript scripts that use the onkeyup event to instantly convert letters to capital letters:

The code is as follows:

_window.onload = function () {

var textBox = document.getElementById("");

textBox.onkeyup = function () {

this.value = this.value.toUpperCase();

};

};

Demo:

The following was added at 15:08:

The problem with the above method is to display lowercase letters first and then convert them to uppercase letters. When looking up other information on the Internet, I accidentally found a better way to use CSS to achieve:

The complete application is as follows:

Description of text-transform style attributes:

Thank you for reading this article carefully. I hope that Xiaobian will share the article "How to realize the function of inputting lowercase letters into capitalization in text box". This article is helpful to everyone. At the same time, I hope that everyone will support you a lot and pay attention to the industry information channel. More relevant knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.