文本框中輸入小寫字母即時轉(zhuǎn)換為大寫實現(xiàn)思路
更新時間：2013年03月31日 18:25:25 作者：
系統(tǒng)中有一個文本框，要求輸入大寫字母，只是用戶不是那么配合所以只好在程序來控制了，感興趣的朋友可以參考下哈
在系統(tǒng)中，有一個文本框，要求輸入大寫字母。但是用戶不自覺，只好在程序來控制了。
在網(wǎng)頁中，拉一個TextBox控件：
復(fù)制代碼 代碼如下:
<asp:TextBox ID="TextBoxSeriesNumber" runat="server"></asp:TextBox>
寫Javascript腳本，可使用onkeyup事件，即時把字母轉(zhuǎn)換為大寫字母：
復(fù)制代碼 代碼如下:
<script type="text/javascript">
window.onload = function () {
var textBox = document.getElementById("<%= TextBoxSeriesNumber.ClientID %>");
textBox.onkeyup = function () {
this.value = this.value.toUpperCase();
};
};
</script>
Demo:
以下內(nèi)容于15:08分補充：
上面的方法，會有一個問題，就是先顯示小寫字母，再轉(zhuǎn)變?yōu)榇髮懽帜浮Ｔ诰W(wǎng)上查找其它資料時，又無意中發(fā)有一個更好的方法，就是使用CSS來實現(xiàn)：
style="text-transform:uppercase;"
完整應(yīng)用如下：
有關(guān)text-transform樣式屬性說明：
相關(guān)文章
asp.net實現(xiàn)將ppt文檔轉(zhuǎn)換成pdf的方法
這篇文章主要介紹了asp.net實現(xiàn)將ppt文檔轉(zhuǎn)換成pdf的方法,通過自定義函數(shù)實現(xiàn)將pptx格式的文件轉(zhuǎn)換成pdf格式文件的功能,是非常實用的技巧,需要的朋友可以參考下2014-11-11
這篇文章介紹了MAUI中實現(xiàn)構(gòu)建跨平臺原生控件的方法，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-02-02
asp.net 頁面版文本框智能提示JSCode (升級版)
模擬百度，Google智能提示，非與服務(wù)器端交互的，數(shù)據(jù)源來自已經(jīng)綁定好的下拉列表。純客戶端腳本 升級版2009-12-12
ASP.NET簡單獲取服務(wù)端和客戶端計算機名稱的方法
這篇文章主要介紹了ASP.NET簡單獲取服務(wù)端和客戶端計算機名稱的方法,涉及asp.net獲取服務(wù)器端計算機名以及根據(jù)IP獲取客戶端主機名的相關(guān)技巧,需要的朋友可以參考下2016-08-08
.NET Core 3.0之創(chuàng)建基于Consul的Configuration擴展組件
在本文里小編給大家分享了關(guān)于.NET Core 3.0之創(chuàng)建基于Consul的Configuration擴展組件相關(guān)知識點，需要的朋友們學(xué)習(xí)下。2019-05-05
ASP.NET(C#) Web Api通過文件流下載文件的實例
這篇文章主要介紹了ASP.NET(C#) Web Api通過文件流下載文件的方法,提供源碼下載,需要的朋友可以參考下。2016-06-06
主題和css差不多但是他可以提供一些css不能提供的特性，下面為大家介紹下ASP.NET 主題的簡單配置，感興趣的朋友不要錯過2013-12-12
asp.ent下合并兩個結(jié)構(gòu)相同的DataTable
今天遇到了一個情況,就是從一張數(shù)據(jù)表中讀取幾個符合條件1的客戶的信息,然后再讀取幾個符合條件2的客戶的信息,最后顯示出來.因為前后兩次數(shù)據(jù)的客戶信息的結(jié)構(gòu)是完全相同的,所以干脆合并成一個DataTable再賦值給GridView好了.2010-02-02
Asp.Net Core輕松學(xué)之利用日志監(jiān)視進行服務(wù)遙測詳解
這篇文章主要給大家介紹了關(guān)于Asp.Net Core輕松學(xué)之利用日志監(jiān)視進行服務(wù)遙測的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起看看吧2018-12-12
.NET Core使用FluentEmail發(fā)送郵件的示例代碼
這篇文章主要介紹了.NET Core使用FluentEmail發(fā)送郵件的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10