源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2021-01-07 10:10 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:文本框中输入小写字母即时转换为大写实现思路
在系统中,有一个文本框,要求输入大写字母。但是用户不自觉,只好在程序来控制了。 在网页中,拉一个TextBox控件:
[u]复制代码[/u] 代码如下:
<asp:TextBox ID="TextBoxSeriesNumber" runat="server"></asp:TextBox>
写Javascript脚本,可使用onkeyup事件,即时把字母转换为大写字母:
[u]复制代码[/u] 代码如下:
<script type="text/javascript"> window.onload = function () { var textBox = document.getElementById("<%= TextBoxSeriesNumber.ClientID %>"); textBox.onkeyup = function () { this.value = this.value.toUpperCase(); }; }; </script>
Demo: [img]http://files.jb51.net/file_images/article/201303/20130331181646110.gif[/img] 以下内容于15:08分补充: 上面的方法,会有一个问题,就是先显示小写字母,再转变为大写字母。在网上查找其它资料时,又无意中发有一个更好的方法,就是使用CSS来实现: style="text-transform:uppercase;" 完整应用如下: [img]http://files.jb51.net/file_images/article/201303/20130331181646111.png[/img] 有关text-transform样式属性说明: [img]http://files.jb51.net/file_images/article/201303/20130331181646112.png[/img]
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部