文本框中输入小写字母即时转换为大写实现思路

成长的悲伤在于有一天你会成为你曾经讨厌的人。人生短短数十载,最要紧的是满足自己,不是讨好他人。

在系统中,有一个文本框,要求输入大写字母。但是用户不自觉,只好在程序来控制了。

在网页中,拉一个TextBox控件:


<asp:TextBox ID="TextBoxSeriesNumber" runat="server"></asp:TextBox>

写Javascript脚本,可使用onkeyup事件,即时把字母转换为大写字母:
 
<script type="text/javascript">
window.onload = function () {
var textBox = document.getElementById("<%= TextBoxSeriesNumber.ClientID %>"); textBox.onkeyup = function () {
this.value = this.value.toUpperCase();
};
};
</script>

Demo:

以下内容于15:08分补充:
上面的方法,会有一个问题,就是先显示小写字母,再转变为大写字母。在网上查找其它资料时,又无意中发有一个更好的方法,就是使用CSS来实现:
style="text-transform:uppercase;"
完整应用如下:

有关text-transform样式属性说明:

以上就是文本框中输入小写字母即时转换为大写实现思路。企业家只有两只眼睛不行,必须要有笫三只眼睛。要用一只眼睛盯住内部管理,最大限度地调动员工积极性;另一只眼睛盯住市场变化,策划创新行为;第三只眼睛用来盯住国家宏观调控政策,以便抓住机遇,超前发展。更多关于文本框中输入小写字母即时转换为大写实现思路请关注haodaima.com其它相关文章!

标签: 转换为 输入